[CSS]Probleem met padding en of margin
Ik ben bezig uit verveling aan iets nieuws hij is nog niet volledig af en dat zullen jullie wel meteen merken
Ik heb het volgende (kijk niet naar de URL)
http://wouter.php-design.be/Web2.0design/
Nu zien jullie onmiddelijk rechts boven dat de tekst in het AFB staat terwijl hij er niet in mag,Enzo ook heb ik een probleem bij het menu dat hij niet luistert naar wa ik zeg, de site is nog maar enkel getest in FF , Nu keek in IE hoe hij eruit zag en daar faalt hij toch een beetje.
De problemen
- FF
* Tekst rechts boven staat in de header.
* Menu luistert niet naar de CSS
* Footer staat niet in het midden
- IE
* Menu loopt helemaal fout
* Footer staat niet in het midden
De Css file is te bemachtigen op
http://wouter.php-design.be/Web2.0design/css.css
Hopelijk heeft iemand voor onze nieuwjaar een snel en goed antwoord
Dank u !
Mvg wouter
Gellukig nieuwjaar en prettige feesten ! 2008 Here We Come
Tip voor het menu: plaats ze in een <ul><li></li></ul>
Je hebt nu alleen de ID menu gebruikt in je CSS en niet de class.
IE kan ik niet kijken.. Sorry.
Edit:
Typo
Gewijzigd op 01/01/1970 01:00:00 door Danny K
Nu even een plaatje van hoe het er wel moet uit zien
KLIK
mvg
Gewijzigd op 01/01/1970 01:00:00 door Wouter K
ik heb een voorbeeld voor je gemaakt, getest in FF2, IE7/6 en Opera 9 op Windows XP2. De XHTML en de CSS valideren allebei.
Voorbeeld: lay-out voor Wouter
Jan, Hoe kan ik je bedanken ?
Jan, Je bent een held !
HEEL HARD BEDANKT !
Ik ga die css eens nakijken blijkbaar doet hij hier iets niet goed..
BEDANKT
Wouter
Euhm, ik weet niet direct of dit de bedoeling is :)
Kan ik hier een woordje uitleg over bemachtigen ?
Verder zal ik wel de CSS in mijn script-norm moeten doen.
TY
Wouter.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/*
Yahoo CSS reset file
http://developer.yahoo.com/yui/reset/#code
Kleine aanpassing: Jan Koehoorn
*/
html { font-size: 100%; }
body { font: 62.5%/1em Georgia, "Times New Roman", Times, serif;}
html, body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, select, option, textarea,
p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code,
dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
q:before, q:after { content: '"'; }
abbr, acronym { border: 0; }
:focus { outline: 0; }
Yahoo CSS reset file
http://developer.yahoo.com/yui/reset/#code
Kleine aanpassing: Jan Koehoorn
*/
html { font-size: 100%; }
body { font: 62.5%/1em Georgia, "Times New Roman", Times, serif;}
html, body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, select, option, textarea,
p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code,
dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
q:before, q:after { content: '"'; }
abbr, acronym { border: 0; }
:focus { outline: 0; }
Dat reset de boel voor de meeste browsers. Het font dat ik bij body opgeef moet je natuurlijk aanpassen naar je eigen situatie.
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Ik snap het nog een bedankt Jan.
Edit:
Jan , kan er een kleine aanpassing worden want ik weet niet juist hoe je die flikt.
Nu wil ik het liefst mijn content niet tege de footer aan laten komen.
Maar je geeft de content-container een 100% mee, maar col1 niets, daardoor komt de content tegen de footer als er meer tekst in staat als in het Nieuws.
Kan hier soms de aanpassing komen dat de content-Nieuws nooit tegen de footer komt , om het even hoeveel tekst er komt.?
MVG
Jan , kan er een kleine aanpassing worden want ik weet niet juist hoe je die flikt.
Nu wil ik het liefst mijn content niet tege de footer aan laten komen.
Maar je geeft de content-container een 100% mee, maar col1 niets, daardoor komt de content tegen de footer als er meer tekst in staat als in het Nieuws.
Kan hier soms de aanpassing komen dat de content-Nieuws nooit tegen de footer komt , om het even hoeveel tekst er komt.?
MVG
Gewijzigd op 01/01/1970 01:00:00 door Wouter K
Ow dat was echt niet de bedoeling, zonder op te letten,.!
Mijn excuses
Heb ik geprobeerd , maar geef je Col 1 dan een Height op ? Zoja welke ..
Dat is wat ik niet vind. :(
mvg
edit:
Lukt me dus niet.
Er is altijd eentje die uitsteekt en dus de footer raakt.
Gewijzigd op 01/01/1970 01:00:00 door Wouter K
.png){kind=link}
Quote:
Ja dat klopt, wat zou je dan willen?Er is altijd eentje die uitsteekt en dus de footer raakt.
Maar dit is toch gewoon een kwestie van knippen en plakken van de broncode van Jan in je eigen pagina? Als je iets overneemt, doe het dan wel goed...