CSS Stylesheet werkt niet met localhost

[Elemental]

Hey iedereen,

Ik ben bezig met een soort van startpagina (www.startpagina.nl) alleen dan voor de computerwereld. Dit is een opdracht voor mijn stageperiode.

Ik heb nou alleen een probleempje, ik werk dus met dreamweaver, en in dreamweaver laat hij met het design scherm zien dat alles goed staat, maar zodra ik de site open in localhost laat hij de helft niet goed zien... Ik zal wat screenshots bijvoegen voor extra informatie.

Dit is wat dreamweaver laat zien

Dit is wat de localhost laat zien

Iemand enig idee waarom dit gebeurd?

Alvast bedankt,
Elemental

 

[city guy]

Hi,
for starters: ik zou al tevreden zijn met een smallere screendump

ik heb meer info nodig:

• gebeurt dit bij elke browser?
• hoe ziet de gegenereerde HTML eruit?

Vertrouw niet te veel op wat Dreamweaver laat zien. Het geeft een goede aanwijzing, maar het resultaat is het best te beoordelen in een echte browser

 

[Elemental]

Ja, ik heb chrome, firefox en IE gecheckt.

#2eHandsMenu {
position:absolute;
width:165px;
height:167px;
z-index:3;
left: 450px;
top: 125px;
background-repeat: no-repeat;
border: 1px solid #6CF;
}
#2eHandsHead {
position:absolute;
width:165px;
height:22px;
z-index:4;
left: 0px;
top: 0px;
background-color: #06F;
}
#2eHandsInhoud {
position:absolute;
width:165px;
height:145px;
z-index:4;
left: 0px;
top: 22px;
background-color: #FF9;
}

<!-- 2e Hands hoofdmenu met alle inhoud -->
<div id="2eHandsMenu">
<div id="2eHandsHead">
<font color="white"><b>&nbsp;2e Hands</b></font>
</div>
<div id="2eHandsInhoud">
<!-- De linkjes van het menu 2eHands -->
<A href="http://www.useditparts.nl/">Used IT Parts</A><br />
<A href="http://www.marktplaats.nl/">Marktplaats</A><br />
<A href="http://www.imparo.nl/particulier/verkoop.html?gclid=CJCtt_2Y6p8CFYuB3god9HbjXA/">Imparo</A><br />
<A href="http://www.speurders.nl/">Speurders</A>
</div>
</div>

 

[city guy]

Ja, ik heb chrome, firefox en IE gecheckt.

Hi,
met de gegevens die ik zie, lijkt 2e hands toch buiten z'n container gedefinieerd te zijn. (Missing een DIV of /DIV ?)

Zo niet: kijk dan of je met float:right (voor block elements dus) de positie kan afdwingen.

Met de gegeven info kan ik niet meer zeggen omdat de context (voor mij) ontbreekt.

 

[Elemental]

heb het al opgelost. Blijkbaar vind CSS nummers niet zo fijn... heb 2ehands veranderd in tweedehands en nou doet hij het prima.

Toch bedankt voor de hulp en het meedenken!