[HTML] - שאלה בקשר לעליית DIVים אחד על השני

[Imri]

שלום.

יש לי 3 Divים למשל.
כעת, במידה ופשוט אכתוב:

<div>Div1</div>
<div>Div2</div>
<div>Div3</div>

אקבל משהו כזה:
|Div1||Div2||Div3|

כיצד אני יכול לגרום להם לרדת אחד מתחת לשני?
כלומר, שיסתדרו בצורה הבאה:
|Div1|
|Div2|
|Div3|

(במידה ואכתוב br, זה לא ייצא טוב, מכיוון שאקבל רווח בלתי רצוי בין DIV ל-DIV.)


תודה רבה על העזרה.

[Tomer Pearl]

<div>Div1</div>
<div style="position:relative;top:5px">Div2</div>
<div style="position:relative;top:5px">Div3</div>

זה הקוד, אתה יכול לשלוט בכמה רחוק השיכבה תהיה משכבה שמעליה, רק צריך לשנות
את המאפיין top

[Imri]

תודה.
שאלה נוספת.
יש לי קוד שכזה:

<form ...>
<div style="position:relative;top:5px;">
</div>
</form>

ב-IE, ה- </form> גורם לירידת שורה - דבר שפותר לי את כל הבעיות מעולה,
אבל זה לא מה שקורה ב-FF - שם אין ירידת שורה,
ושוב DIV אחד עולה על השני.
אם אגדיל את ה-TOP, זה ישתנה כמובן גם ב-IE, ואז - ייהרס המבנה ולא תהיה התאמה.

יש דרך לבטל את הירידת שורה של ה-</form>?
יש פיתרון אחר?

תודה.

[mayden]

תנסה לעשות לform:

style="display: inline;"

תנסה לשחק עם זה (block,inline,table-cell וכו')..

[Tomer Pearl]

הdisplay לא ממש קשור... כאילו, המטרה שלו זה האם לשמור מקום לשכבה...
הטופס נמצא בתוך השכבה?
בכל מקרה, אפשר תמיד להכין קוד מותאם אישית לדפדפן...

[Kfir.G]

נכתב במקור על ידי mayden

תנסה לעשות לform:

style="display: inline;"

תנסה לשחק עם זה (block,inline,table-cell וכו')..

אם זה לא יעבוד תוכל לעשות לform שלך float ולהוסיף מתחתיו

<br style="clear:both;height:0px" />

[O-B]

אם אתה רוצה להוריד רווח פשוט תגדיר

style="margin:0px;"

[Imri]

תודה רבה על עזרתכם.