login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div div en nog eens div!!!

Offline LostPrime - 07/02/2007 22:39
Avatar van LostPrimeNieuw lid Ik ben net begonnen met DIVs sinds dit beter blijkt te zijn dan met tabellen te werken... maar... ik krijg die pokkedivs niet juist uitgelijnd.

Ik zou graag mijn pagina centreren maar ook 0px top margin hebben. Ik kan ze beide wel maken maar niet samen :-( Heb er nu al paar dagen mee zitten spelen en over divs gelezen maar ik geraak er niet uit. Kan iemand het script is bekijken?

De code staat hier:

http://www.plaatscode.be/4113/

en het resultaat is dit:

http://www.2lost.net

9 antwoorden

Gesponsorde links
Offline Nanon - 07/02/2007 22:41
Avatar van Nanon PHP interesse Van je container:

margin-left: auto;
margin-right: auto;
Offline LostPrime - 07/02/2007 22:49
Avatar van LostPrime Nieuw lid Heb ik geprobeerd. Als ik de container relative position zet lukt dit, maar als ik hem absolute zet lukt dit niet.
Daarentegen als ik top margin in relative zet lukt dit niet, en dan weer wel in absolute...
Offline Soebam - 07/02/2007 23:22
Avatar van Soebam HTML ver gevorderde Gebruik position niet. Als je dit niet precies goed doet krijg je heel vervelende situaties..

php code - Bekijk de code zonder highlighting - Klap code in 
  1. .container
  2.    {
  3.    margin-left: auto;
  4.    margin-right: auto;
  5.    margin-top: 0px;
  6.    }
Offline LostPrime - 09/02/2007 00:52 (laatste wijziging 26/02/2007 16:58)
Avatar van LostPrime Nieuw lid http://www.plaatscode.be/4405/

Ok hoe komt het dat in FF de site goed lijkt maar in IE er spaces staan tussen de banners en wat eronder - boven komt??? Ik snap het niet!!!!
En hoe krijg ik nu die eerste div helemaal boven zonder space?

Ben stillekes aan wanhopig aant worden.
Offline Dark_Paul - 26/02/2007 17:34
Avatar van Dark_Paul PHP ver gevorderde Zet in je body
Margin-top: 0px;

en in je container:
margin-left: auto;
margin-right: auto;
Offline LostPrime - 27/02/2007 00:48 (laatste wijziging 27/02/2007 13:16)
Avatar van LostPrime Nieuw lid dank u!!!!!!!!!!!!!!!!
het werkt!!!!!! ie staat tegen de top gekleefd nu 

Nog enig idee hoe ik de spatie tussen de banner en de topbar weg krijg? In FF toont hij het correct maar in IE zet ie er spatie tussen

screenshot: http://www.2lost.net/scrshot.JPG

Ik gebruik ook IE6, (nog niet getest in 7). Is dit weg te krijgen?
Offline LostPrime - 27/02/2007 00:48 (laatste wijziging 27/02/2007 00:49)
Avatar van LostPrime Nieuw lid double post sorry
Offline HomeServNL - 27/02/2007 14:08
Avatar van HomeServNL Nieuw lid Stel een width in voor je pagina, stel je top margin in en geef als verdere margin auto op...

php code - Bekijk de code zonder highlighting - Klap code in 
  1. width:800px;
  2. margin:auto;
  3. martin-top:0px;


Volgens mij moet dit werken.
Offline LostPrime - 27/02/2007 15:11 (laatste wijziging 27/02/2007 15:11)
Avatar van LostPrime Nieuw lid Body staat nu gedefineerd als
php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2. 	background-color: #B5C5C8;
  3. 	margin-top: 0px;
  4. 	width: 900px;
  5. 	margin-right: auto;
  6. 	margin-bottom: auto;
  7. 	margin-left: auto;
  8. }


Heb het dus zo ingesteld maar krijg nog altijd hetzelfde. Als ik in DW ga kijken, staat het perfect tegen elkaar uitgelijnd en ook in FF staat het mooi
http://www.2lost.net/scrshot2.JPG
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.205s