De PHPhulp kroeg
CSS divjes probleem
Ik heb een klein probleem en hoop dat jullie mij daarmee kunnen helpen,
Ik heb nu een paar divjes die gewoon over elkaar staan.
dus
<div>blaat</div>
<div>blaat</div>
Omdat deze divjes relative gepositioneerd zijn vallen deze dus netjes over elkaar heen.
enkel heb ik het probleem dat de 2e div zich net 1 px lager bevind als de eerst, en de 3e 1px lager als de 2e, enz enz enz.
Graag zou ik willen weten hoe ik dit op kan lossen zodat dit niet meer gebeurt.
mvg,
Tim
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
.editor_text_field {
background: #FFFFFF;
border: 1px solid blue;
width: 1px;
display: none;
position: relative;
}
background: #FFFFFF;
border: 1px solid blue;
width: 1px;
display: none;
position: relative;
}
HTML
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
// div1
<div class="editor_text_field" id="editor_field_<? echo $i; ?>" onmousedown="indexStart(event, 'editor_field_<? echo $i; ?>'); dragStart(event, 'editor_field_<? echo $i; ?>')">
<div id="editor_field_<? echo $i; ?>_text" style="border: 1px solid blue; position: absolute;"></div>
</div>
// div2
<div class="editor_text_field" id="editor_field_<? echo $i; ?>" onmousedown="indexStart(event, 'editor_field_<? echo $i; ?>'); dragStart(event, 'editor_field_<? echo $i; ?>')">
<div id="editor_field_<? echo $i; ?>_text" style="border: 1px solid blue; position: absolute;"></div>
</div>
// div3
<div class="editor_text_field" id="editor_field_<? echo $i; ?>" onmousedown="indexStart(event, 'editor_field_<? echo $i; ?>'); dragStart(event, 'editor_field_<? echo $i; ?>')">
<div id="editor_field_<? echo $i; ?>_text" style="border: 1px solid blue; position: absolute;"></div>
</div>
<div class="editor_text_field" id="editor_field_<? echo $i; ?>" onmousedown="indexStart(event, 'editor_field_<? echo $i; ?>'); dragStart(event, 'editor_field_<? echo $i; ?>')">
<div id="editor_field_<? echo $i; ?>_text" style="border: 1px solid blue; position: absolute;"></div>
</div>
// div2
<div class="editor_text_field" id="editor_field_<? echo $i; ?>" onmousedown="indexStart(event, 'editor_field_<? echo $i; ?>'); dragStart(event, 'editor_field_<? echo $i; ?>')">
<div id="editor_field_<? echo $i; ?>_text" style="border: 1px solid blue; position: absolute;"></div>
</div>
// div3
<div class="editor_text_field" id="editor_field_<? echo $i; ?>" onmousedown="indexStart(event, 'editor_field_<? echo $i; ?>'); dragStart(event, 'editor_field_<? echo $i; ?>')">
<div id="editor_field_<? echo $i; ?>_text" style="border: 1px solid blue; position: absolute;"></div>
</div>
http://www.phphulp.nl/php/forum/topic/position-css/76107/
http://www.phphulp.nl/php/forum/topic/div-probleempje/76093/
Dit topic is gesloten.