PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
J

DIV/CSS vragen omtrend IE/FF ondersteuning

Door JunkieXP op 18-09-2006 19:08
352 views
Ik heb een Div/css gebasseerd script geschreven en opzich ziet alles er redelijk uit, maar er zijn een paar kleine dingetjes die voor mij niet duidelijk zijn.

Het draait om de volgende pagina: www.biermeteenrietje.nl

1. Linksbovenin (tussen menu en main) gaat het main 1px tever naar links ik heb geen idee hoe ik dit moet fixen want hij word op dit moment het best weergegeven terwijl de banner 730px is en de main 726px incl 2x 1px border is dit 728px maar toch is hij te breed en zowel padding als margin zijn niet ingesteld.

2. In IE zit er tussen Menu en Main een ruimte van 1px hoog, deze is in FF echter niet te bekennen, wat zit er hier fout in de CSS/HTML code.

3. Hoe ontwijk ik de <center> code maar krijg ik de pagina wel netjes in het midden, want een div om het geheel zetten werkt alleen in IE en tables dienen zoveel mogelijk ontweken te worden is mij altijd verteld.
S
Simon Blok
18-09-2006 19:20
Ik weet niet precies de antwoorden op je vragen, maar wat betreft punt 2: IE pakt de margin anders dan FF, misschien weet iemand anders een oplossing? en punt 3:
css: 
text-align:center;


En dan is er nog iets wat mij opvalt: de achtergrond lijkt iets te knipperen, een beetje onrustig, het komt waarschijnlijk door het lijnenspel.
J
JunkieXP
18-09-2006 19:41
De Oplossing uit punt drie heb ik ook geprobeerd, dit werkt wel met tekst maar als ik 1 div om het geheel zet dan blijft deze links uitgelijnd staan, heel vaag (alle tekst word wel gecenterd namelijk)
Andreas Warnaar
18-09-2006 20:16
Misschien is dit je antwoord:


#test{
margin-top: 0;
margin-right: auto;
margin-left: auto;
}

Als je beide kant ( rechts en Links dus ) margin: auto zet dan zal je layer of je DIV gecentreerd worden..
Andreas Warnaar
18-09-2006 20:26
Ik heb gekeken naar je CSS bestand en het volgende valt mij op.


.banner{
width:726px; <-- Deze breedte is kleiner dan .menu 
height:105px;
background:url('images/template/banner.jpg') no-repeat;
border-style:solid;
Border-width:1px 1px 0px 1px;
border-color:#FFCC66;
}

.menu{
width:730px; <????
height:35px;
background:url('images/template/menu.jpg') repeat-x;
}
.menu_content{
float:left;
width:728px;
height:35px;
text-align:left;
}


je kan het proberen met negative waardes.. of percentages?

BV je banner geef je een vaste waarden : width:730.

je menu_content 100% en je menu ook ..
werkt dit ook niet dan hoor ik het wel van je..
J
JunkieXP
18-09-2006 20:26
Daarin ben ik dus aant vogelen, want dat gaf het beste resultaat, ben er nu weer beetje in aan het hanessen...heel vaag allemaal.
_________________

Andreas Warnaar schreef op 18.09.2006 20:16
Misschien is dit je antwoord:


#test{
margin-top: 0;
margin-right: auto;
margin-left: auto;
}

Als je beide kant ( rechts en Links dus ) margin: auto zet dan zal je layer of je DIV gecentreerd worden..

Wat is er beter/slechter aan aanroepen met een # ipv .
_________________

Dit auto werkt niet, heb het nu op die manier ingesteld maar doet het niet zoals je wellicht ziet.

Ook text-align center werkt niet in FF
Jan Koehoorn
18-09-2006 21:15
Je moet niet alleen de margin op auto zetten, maar ook een breedte opgeven om een div te centreren.
Andreas Warnaar
18-09-2006 21:19
Idd.. het voorbeeld wat ik gegeven had was een toevoeging op zijn eigen CSS. Ik had het misschien beter moet omschrijven..


Idd geval bedankt voor je correctie
J
JunkieXP
18-09-2006 21:30
Thx, problem 3 solved now.

Heb om een of andere vreemde reden nu ineens de Banner bij problem 1 ook gesolved, nu stribbeld alleen het menu nog tegen.

Reageren

Inloggen om te reageren