login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div probleem

Offline Crazed - 23/06/2006 17:16
Avatar van CrazedPHP interesse Ik wou deze week voor de eerste keer div's gebruiken in plaats van tabellen om een pagina vorm te geven... Ik heb echter twee probleempjes...
Dit is m'n code: http://www.plaatscode.be/856/

Nu ziet hij er wel goed uit in FF, maar daar krijg ik een horizontale scrollbar die ik niet wil
http://img231.imageshack.us/img231/4420/ff6gf.gif

In IE krijg ik die scrollbar niet, maar daar staat m'n titel niet goed.
http://img464.imageshack.us/img464/3397/ie7go.gif

Wie kan helpen?

7 antwoorden

Gesponsorde links
Offline lemoinet - 23/06/2006 17:21 (laatste wijziging 23/06/2006 17:22)
Avatar van lemoinet PHP gevorderde het probleem zit hier
  1. div.balk{
  2. position: absolute;
  3. top: 0px;
  4. left: 20px;
  5. height: 75px;
  6. width: 100%;
  7. background-color: #51B0F7;
  8. z-index: 0;
  9. }


je verschuift 20 naar rechts


Offline Crazed - 23/06/2006 17:23
Avatar van Crazed PHP interesse Is het niet...

De schuifbalk blijft (maar verkleint wel) en nu schuift m'n titel ook mee op (dat was de reden dat hij 20 op moest schuiven...
Offline Dark_Paul - 23/06/2006 17:28
Avatar van Dark_Paul PHP ver gevorderde ik denk dat het komt, omdat je zegt dat de breedte 100% moet zijn, en hij moet left:20px. misschien kan je left: ook in procenten geven, en het aantal procenten dan van 100% aftrekken, en die voor de width gebruiken:
  1. div.balk{
  2. position: absolute;
  3. top: 0px;
  4. left: 2%;
  5. height: 75px;
  6. width: 98%;
  7. background-color: #51B0F7;
  8. z-index: 0;
  9. }

20px is ongeveer 2% (1,95...)
Offline Crazed - 23/06/2006 17:30
Avatar van Crazed PHP interesse Ok, de scrollbar is al verdwenen... Nu de titeltekst nog naar beneden krijgen in IE, zonder dat hij in FF zakt.
Offline Dark_Paul - 23/06/2006 17:43 (laatste wijziging 23/06/2006 18:22)
Avatar van Dark_Paul PHP ver gevorderde misschien komt 't omdat je div 'vierkant' leeg is. FF houdt zich gewoon aan de opgegeven breedte. probeer 's door er een   in te zetten.
edit: ik heb de fout gevonden
  1. top: 0px;
  2. vertical-align: bottom;

Firefox negeert top:0px waarschijnlijk, omdat er de vertical-align staat. IE doet dit dus blijkbaar niet. Waarschijnlijk bedoel je met top: de top margin. dus verander top, in margin-top:
edit 2: met vertical-align:bottom; krijg ik de titel niet verder dan halverwege, maar door het top:-attribuut (of margin-top) te gebruiken, kan je dat ook oplossen.
Offline Crazed - 24/06/2006 13:36 (laatste wijziging 24/06/2006 21:43)
Avatar van Crazed PHP interesse In FF ziet hij er nu goed uit, maar in IE is het een ramp. Daar loopt de balk niet door tot het einde, en staat de titel nog steeds verkeerd...

Als ik de titel naar beneden probeer te trekken (top of margin-top vergroten), dan komt die in FF ook naar beneden, maar daar staat hij goed... Ik heb hem even online gezet: http://crazed.awardspace.com/sima/test.html

edit: oeps... typo in de link
Offline Dark_Paul - 24/06/2006 21:17
Avatar van Dark_Paul PHP ver gevorderde je link doet 't niet.. (tenminste, bij mij niet, ik wordt meteen doorverwezen naar AwardSpace info-pagina)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.195s