Hallo,
Ik probeer een bepaalde pagina geheel met div tags op te maken. Ik ondervind echter problemen bij het op de juiste plaats krijgen van de tags. Een serie div tags waarvan de inhoud onder elkaar moet komen dacht ik simpelweg zo onder elkaar te kunnen zetten (deze staan gezamenlijk weer binnen een vierde div tag). Deze divs hebben allemaal een achtergrond die ik als achtergrondplaatje via CSS toewijs.
Ik krijg hierbij bijvoorbeeld in IE6 onder het formulier een witte regel en daarna pas de inhoud van div "left3". In FF gaat dit wel goed.
Ook heb ik een probleem wanneer ik aan div "left1" een stijleigenschap: padding-top:13px meegeef om de tabel die in deze div staat pas na 13 pixels te laten beginnen. Als ik dit doe dan schuiven div "left2" en div "left3" ook 13 pixels naar beneden, zodat er een lege ruimte van 13 pixels tussen div "left1" en div "left2" ontstaat.
Hoe kan ik dit beter aanpakken?
Ik heb zitten kijken naar position:absolute en dan per div aangeven waar deze moet komen op het scherm, maar dan zit je natuurlijk met verschillende resoluties. Ik zat zelf te denken om BINNEN de overkoepelende div "left" de overige divs absoluut te positioneren, maar ik weet niet of zoiets mogelijk is.
Iemand die me een beetje op weg kan helpen?
Ik probeer een bepaalde pagina geheel met div tags op te maken. Ik ondervind echter problemen bij het op de juiste plaats krijgen van de tags. Een serie div tags waarvan de inhoud onder elkaar moet komen dacht ik simpelweg zo onder elkaar te kunnen zetten (deze staan gezamenlijk weer binnen een vierde div tag). Deze divs hebben allemaal een achtergrond die ik als achtergrondplaatje via CSS toewijs.
PHP:
<div id="left">
<form name="Login" method="post" action="login.php">
<div id="left1">
<table cellpadding="1" cellspacing="0">
<tr>
<td class="login">Gebruikersnaam</td>
<td><input name="Gebruikersnaam" type="text" id="Gebruikersnaam" size="12" maxlength="15"></td>
</tr>
<tr>
<td class="login">Wachtwoord</td>
<td><input name="Wachtwoord" type="password" id="Wachtwoord" size="12" maxlength="15"></td>
</tr>
</table>
</div>
<div id="left2"><input name="Login" type="submit" value="Login"></div>
</form>
<div id="left3"></div>
</div>Ik krijg hierbij bijvoorbeeld in IE6 onder het formulier een witte regel en daarna pas de inhoud van div "left3". In FF gaat dit wel goed.
Ook heb ik een probleem wanneer ik aan div "left1" een stijleigenschap: padding-top:13px meegeef om de tabel die in deze div staat pas na 13 pixels te laten beginnen. Als ik dit doe dan schuiven div "left2" en div "left3" ook 13 pixels naar beneden, zodat er een lege ruimte van 13 pixels tussen div "left1" en div "left2" ontstaat.
Hoe kan ik dit beter aanpakken?
Ik heb zitten kijken naar position:absolute en dan per div aangeven waar deze moet komen op het scherm, maar dan zit je natuurlijk met verschillende resoluties. Ik zat zelf te denken om BINNEN de overkoepelende div "left" de overige divs absoluut te positioneren, maar ik weet niet of zoiets mogelijk is.
Iemand die me een beetje op weg kan helpen?
