Hallo SD'ers.
Ik ben een website aan het basing, alleen ik zit met een probleem waar ik niet zelf uit kom.
Het betreft het volgende,
Internet Explorer
Firefox
In IE werkt alles zoals het zou moeten, alleen in FF niet.
Iemand enig idee hoe ik het net zo kan krijgen als in IE?
HTML:
CSS:Code:<div id="content_occasion_base_right"> <div class="item_base"> <div class="item"> <img src="images/occasions/image.png" width="126" height="110" alt="" border="0"/> <div class="information"> <h1>AUDI R8</h1> <div class="container"> <div class="headings"> <p>PRIJS:</p> <p>KM STAND:</p> <p>BOUWJAAR:</p> <p>BIJZONDERHEDEN:</p> </div> <div class="specifications"> <p>€ 5.912,00</p> <p>16307 KM</p> <p>2001</p> <p>Donec in odio non lorem ullamcorper lacinia consequat..... </p> </div> </div> </div> </div> </div>
Gr,Code:#content_occasion_base_right{ width: 631px; float: right; margin-top: 11px; } #content_occasion_base_right .item_base{ width: 631px; background-color: #F5F5F5; margin-bottom: 11px; border: solid 1px #bfbfbf; position: relative; } #content_occasion_base_right .item{ margin: 11px; overflow: hidden; background-color: #0000FF; } #content_occasion_base_right .item_base .item img{ float: left; } #content_occasion_base_right .item_base .item .information{ float: left; margin-left: 30px; background-color: #FF0000; } #content_occasion_base_right .item_base .item .information h1{ font-family: Tahoma; font-size: 11px; font-weight: bold; color: #3d3d3d; } #content_occasion_base_right .item_base .item .information .container{ float: left; margin-top: 5px; background-color: #00FF00; } #content_occasion_base_right .item_base .item .information .container .headings{ float: left; margin-right: 11px; background-color: #996699; } #content_occasion_base_right .item_base .item .information .container .headings p{ font-family: Tahoma; font-size: 10px; color: #000000; margin-bottom: 4px; } #content_occasion_base_right .item_base .item .information .container .specifications{ float: left; background-color: #00FFFF; } #content_occasion_base_right .item_base .item .information .container .specifications p{ font-family: Tahoma; font-size: 11px; color: #646464; margin-bottom: 3px; }
Bas
- Div float probleem? IE werkt wel, FF niet.
-
14-12-2009, 15:33 #1
- Berichten
- 153
- Lid sinds
- 16 Jaar
Div float probleem? IE werkt wel, FF niet.
-
In de schijnwerper
-
14-12-2009, 15:46 #2Particulier
- Berichten
- 15
- Lid sinds
- 16 Jaar
als je de div "headings" en "specifications" een bepaalde breedte geeft dan zal het wel goed gaan.
-
14-12-2009, 16:03 #3
- Berichten
- 153
- Lid sinds
- 16 Jaar
-
14-12-2009, 16:17 #4Particulier
- Berichten
- 15
- Lid sinds
- 16 Jaar
ik denk dat je het beste de plaatjes ook in een aparte div zet.
Ik neem aan dat plaatjes een bepaalde maximum breedte en hoogte hebben. dus als je ervoor zorgt dat die afmetingen in die nieuwe aparte div voor de plaatjes passen. (200px x 200px bijvoorbeeld)
dan kun je de informatie ernaast tonen
<div class="item">
<div class="plaatje">
</div>
<div class="info">
<div class="headings">
</div>
<div class="specifications">
</div>
</div>
</div>
-
14-12-2009, 16:24 #5
- Berichten
- 883
- Lid sinds
- 15 Jaar
min-height:320px; height:auto !important; height:320px;
Als je dat toevoegt is de div altijd 320px hoog maar als de inhoud meer ruimte nodig heeft wordt hij automatisch groter,
-
14-12-2009, 16:49 #6
- Berichten
- 1.345
- Lid sinds
- 18 Jaar
De class .information een breedte geven kan ook.
-
22-12-2009, 14:58 #7
- Berichten
- 79
- Lid sinds
- 16 Jaar
Bas,
min-height wordt niet ondersteund door elke browser, dat raad ik dus niet aan. Position: relative kun je is proberen.
Succes!
-
22-12-2009, 15:23 #8Particulier
- Berichten
- 33
- Lid sinds
- 17 Jaar
Wat is er hier mis met het gebruik van tabellen?
Dit is precies waar tabellen voor gemaakt zijn :)
Divs gebruik ik voornamelijk voor de globale opmaak. Dit is meer een overzichtelijke uiteenzetting van gegevens, en daarvoor kun je heel goed tabellen voor gebruiken..
Wat is het toch..? Ooit werden frames voor de layout gebruikt, natuurlijk was dat het niet.. vervolgens werden er veel tabellen gebruikt, wat goed werkte, maar wat niet de bedoeling is.. nu probeert iedereen tabellen te vermijden..? Waarom toch?
Kan iemand me dat uitleggen..? :)
-
22-12-2009, 20:56 #9
- Berichten
- 205
- Lid sinds
- 15 Jaar
Ik moet Jaap hierbij bijstaan.
De div.headings en div.specifications mogen gerust met tabellen vervangen worden, deze zijn zelfs beter voor SEO.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic