CSS overflow: hidden
Ik stuit in mijn nieuwe lay-out op een CSS probleem... Ik heb aan de rechterkant een kolom, welke zich met 95 pixels omhoog trekt door middel van een negatieve margin top.
Na goed, dit werkte allemaal fijn tot ik er achter kwam dat mijn content niet mee groeide. Ik gebruik hier altijd voor:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
div.wrapper {
width: 1000px;
min-height: 200px;
overflow: hidden;
}
width: 1000px;
min-height: 200px;
overflow: hidden;
}
Zoals te verwachten zorgt overflow hidden ervoor dat de box die zich zo mooi omhoog trok voor een deel niet zichtbaar meer is...
Links verwijderd...
Weet iemand hoe ik dit op kan lossen? Ik zie namelijk door de bomen het bos niet meer...
Gewijzigd op 17/03/2011 19:51:28 door Milo S
ze zien er heel erg anders uit..
Ja dat zijn dezelfde site's alleen de 1e link is van een printscreen, met dus firefox er omheen en de 2e is de html versie die nog niet helemaal af is...
@ MadHouse:
Laat ik daar nu net geen hol van snappen... heb het al op meerdere manieren geprobeerd. Het gaat bij mij ook niet zo makkelijk, want ik maak geen gebruik van position, met de simpele reden dat ik het nooit nodig heb gehad, en ik niet doorheb hoe het dus moet.
Gewijzigd op 17/03/2011 17:29:37 door Milo S
z-index 1 is laag 1
z-index 2 is laag 2 enz enz
Gewijzigd op 17/03/2011 17:29:38 door Robert dat ben ik
Normaal gebruik je H1 maar soms en dan H2 en H3? (denk aan zoekmachines)
Ook gebruik je h7 die volgens mij niet bestaat?
@ Yea Rupie; Ehm, geen flauw benul eigenlijk? Moet ik nog een keer naar kijken. En dat is een typ fout!
Yea Rupie op 17/03/2011 17:36:18:
Ook gebruik je h7 die volgens mij niet bestaat?
h7 kan wel bestaan als je zelf de css aan maakt in je style.css
ligt er alleen aan hoe je deze weer naar voren haalt
plus dat het altijd handig is om bij je html tags een title mee te geven waar het voor dient.
en bovendien kun je bij google en zo bepaalde tags/id's ook laten nergeren
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="wrapper">
<div id="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non rhoncus mi. Mauris eros ligula, pulvinar vitae malesuada quis, adipiscing vitae arcu. Nunc consectetur vehicula ultricies.</p>
</div>
<div id="sidebar">
<h2>Contact</h2>
<p>PHPhulpstraat 52<br />
5225PH PURMEREND<br />
[email protected]<br />
052-5216816</p>
<h2>Informatie</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
<div id="clear"></div>
</div>
<div id="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non rhoncus mi. Mauris eros ligula, pulvinar vitae malesuada quis, adipiscing vitae arcu. Nunc consectetur vehicula ultricies.</p>
</div>
<div id="sidebar">
<h2>Contact</h2>
<p>PHPhulpstraat 52<br />
5225PH PURMEREND<br />
[email protected]<br />
052-5216816</p>
<h2>Informatie</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
<div id="clear"></div>
</div>
En dan geef je #clear alleen clear: both; mee.
MaDHouSe xxxx op 17/03/2011 17:41:30:
h7 kan wel bestaan als je zelf de css aan maakt in je style.css
Als een tag niet bestaat mag je hem niet zelf gaan maken. Browser accepteren dat niet, gebruik alleen tags die bij W3C geselecteerd staat!
MaDHouSe xxxx op 17/03/2011 17:41:30:
plus dat het altijd handig is om bij je html tags een title mee te geven waar het voor dient.
Dat kan je in de comments zetten, eigenlijk is het alleen bij de anchor tags zo dat het handig is.
Gewijzigd op 17/03/2011 17:43:47 door Wouter J
MaDHouSe xxxx op 17/03/2011 17:41:30:
en bovendien kun je bij google en zo bepaalde tags/id's ook laten nergeren
Grapje? Volgens mij wil je juist dat google alles van je site weet en dat hij makkelijk te vinden is via google?
Dus als ik het goed begrijp moet ik onder al me content en info bar een div aanmaken die aan beide kant gecleared is? En me hoogte dan weghalen, of een vaste hoogte?
Gewijzigd op 17/03/2011 17:47:46 door Milo S
Yea Rupie op 17/03/2011 17:44:37:
Grapje? Volgens mij wil je juist dat google alles van je site weet en dat hij makkelijk te vinden is via google?
nee ik wil niet dat google alles pakt van me website
stel ik heb leden dan wil ik bijv niet dan al mijn leden paginas op google komen
dus dan sluit ik die title of id tag af bij google en word ie genegeerd
kan ook anders opgelost worden door je robot.txt in te voeren
en eventuweel een sitemap te maken of .htaccess
maar het is mogelijk om bepaalde tags te nergeren.
Gewijzigd op 17/03/2011 17:48:57 door Robert dat ben ik
Je bent me held! Hij doet het :D.
@ Madhouse & Yea Rupie;
Ik ga na me laatste foutjes opgelost te hebben nog eens kijken na dat h2 gedoe :P! Heb hiervoor altijd gewoon overal span voor gebruik :$ :$ :$.
Danku voor de moeite!
Gewijzigd op 17/03/2011 18:10:25 door Milo S
http://waldio.webatu.com/CSS/clear_float.htm
MaDHouSe xxxx op 17/03/2011 17:48:29:
nee ik wil niet dat google alles pakt van me website
stel ik heb leden dan wil ik bijv niet dan al mijn leden paginas op google komen
dus dan sluit ik die title of id tag af bij google en word ie genegeerd
kan ook anders opgelost worden door je robot.txt in te voeren
en eventuweel een sitemap te maken of .htaccess
maar het is mogelijk om bepaalde tags te nergeren.
Yea Rupie op 17/03/2011 17:44:37:
Grapje? Volgens mij wil je juist dat google alles van je site weet en dat hij makkelijk te vinden is via google?
nee ik wil niet dat google alles pakt van me website
stel ik heb leden dan wil ik bijv niet dan al mijn leden paginas op google komen
dus dan sluit ik die title of id tag af bij google en word ie genegeerd
kan ook anders opgelost worden door je robot.txt in te voeren
en eventuweel een sitemap te maken of .htaccess
maar het is mogelijk om bepaalde tags te nergeren.
Als ik naar de site kijk lijkt het mij dat er niks verborgen moet blijven?
terwijl je die wel kan maken alleen of het praktisch is nee.
en heel soms kunnen er wel dingen zijn die op hide staan maar dat is weer een ander verhaal.
MaDHouSe xxxx op 17/03/2011 18:12:24:
nee maar je heb het over h7 die niet bestaat
terwijl je die wel kan maken alleen of het praktisch is nee.
terwijl je die wel kan maken alleen of het praktisch is nee.
Wouter J op 17/03/2011 17:41:31:
Als een tag niet bestaat mag je hem niet zelf gaan maken. Browser accepteren dat niet, gebruik alleen tags die bij W3C geselecteerd staat!
MaDHouSe xxxx op 17/03/2011 18:12:24:
en heel soms kunnen er wel dingen zijn die op hide staan maar dat is weer een ander verhaal.
En als je dit vaak doet krijg je een ban bij google...
maar het was maar een voorbeeld om te vertellen dat je uiteraard wel tags zelf kan maken maar het niet handig is om dit te doen :)
MaDHouSe xxxx op 17/03/2011 18:34:22:
daarom ook het nergeren van tags en id en of anders gewoon een robot.txt of een .htaccess file maken wat mijn een betere optie lijkt dan dingen op hide te zetten
maar het was maar een voorbeeld om te vertellen dat je uiteraard wel tags zelf kan maken maar het niet handig is om dit te doen :)
maar het was maar een voorbeeld om te vertellen dat je uiteraard wel tags zelf kan maken maar het niet handig is om dit te doen :)
Het gaat mij in het geval van eigen tags niet om google, maar om de gebruiker. Eigen tags moet je niet maken, want een browser herkent hem niet, gaat foutmeldingen weergeven, enz.
Wouter J op 17/03/2011 18:57:54:
Het gaat mij in het geval van eigen tags niet om google, maar om de gebruiker. Eigen tags moet je niet maken, want een browser herkent hem niet, gaat foutmeldingen weergeven, enz.
MaDHouSe xxxx op 17/03/2011 18:34:22:
daarom ook het nergeren van tags en id en of anders gewoon een robot.txt of een .htaccess file maken wat mijn een betere optie lijkt dan dingen op hide te zetten
maar het was maar een voorbeeld om te vertellen dat je uiteraard wel tags zelf kan maken maar het niet handig is om dit te doen :)
maar het was maar een voorbeeld om te vertellen dat je uiteraard wel tags zelf kan maken maar het niet handig is om dit te doen :)
Het gaat mij in het geval van eigen tags niet om google, maar om de gebruiker. Eigen tags moet je niet maken, want een browser herkent hem niet, gaat foutmeldingen weergeven, enz.
Hiervoor zijn dus eigenlijk divs, die kun je een eigen naam geven.