Fejl i visning af hjemme side

[henrik_t7]

Hej.
Jeg hjælper en ven med at rette lidt i hendes hjemme side, men den er ikke ens i IE10, Chrome og Firefox. se foto.
IE10
Firefox
Chrome

Som det kan se på de 3 foto, sider menuen rigtigt i Chrome med ikke i IE10 og Firefox.
Hvordan kan det lad sig gører?
Url erhttp://www.miethide.dk

Med Venlig hilsen.

Henrik

[ThomasI]

Det virker til at dine linebreaks (<br/> ) bliver læst forskelligt i browserne... Tror du skal have styr på dit <nav> tag ved at smide en div omkring den... prøv evt sådan her:

Kode: Vælg alt

    <header>
		<figure><img src="tegn1.gif" width="75" height="75" alt="Tegn" title="" border="0" /></figure>
		<h1>Livskvalitet i hverdagen.....</h1> </header>
<div style="float:left">
  <nav>
			
			<ul>
				<li><a href=""><span>Forside</span></a></li>
				<li><a href="pris.html"><span>Priser/Klinik</span></a></li>
				<li><a href="uddyb.html"><span>Uddybning</span></a></li>
				<li><a href="reaktioner.html"><span>Reaktioner</span></a></li>
				<li><a href="kosttilskud.html"><span>Kosttilskud</span></a></li>
                <li><a href="rygestop.html"><span>Rygestop</span></a></li>
                <li><a href="profil.html"><span>Profil</span></a></li>
                <li><a href="kontakt.html"><span>Kontakt</span></a></li>
			</ul>	
			
		  </nav>
</div>

Som du kan se har jeg sat en div omkring nav og floatet den til venstre. linebreak er blevet slettet da det virkede til at de blev brugt som en slags lappe løsning...

For at gøre det lettet at hjælpe dig kan du lægge din kode ind i http://cssdesk.com/ og sende os et link...så kan vi sidde og arbejde i det og sende dig resultatet

[ThomasI]

Update:

hos mig ser det hele ens ud i alle browsere:

http://tinypic.com/view.php?pic=rjgn5g&s=5

forstår dog stadig ikkehvad alle linebreaks skal til for

[Daniel]

Prøv eventuelt i de 2 andre browsere end Chrome, at trykke på Ctrl+F5 et par gange, det kan godt være fordi din browser har cachet siden.

[henrik_t7]

Hej.
Tak for svarene,
Se lige på det og vender tilbage.

[henrik_t7]

Hej igen.
Jeg har lige lavet en lille test med skærmopløsning.
Når min skærm er sat til 1440 x 900 så står menu i denne rigtige side i alle 3 browser, men hvis jeg indstiller skærmen derover så går det gal i IE10 og Firefox men ikke i Chrome.
Nu er min en stor skærm hel op til 1920 x 1080.
Det skulle være ens i alle skærmopløsning, men det er det ikke?
Så hvis folk kører med en for stor skærmopløsning, så vides siden ikke rigtigt?
Hvordan løser man dette problem?

MVH
Henrik

[Daniel]

Hvis du gerne vil have din side til at se ens ud alle stederne, så skal du omgive hele din side med en div, og give den en bredde der svare til det bredeste element på din side.
Hvis du gør det, så sørger den div for at det hele bliver holdt på plads, uanset skærmstørrelsen.

Men som Thomas lidt er inde på, så er det ikke alle tingene på siden som er lavet helt optimalt.
Et linjeskift i HTML (<br />), skal normalt kun bruges til at lave et enkelt, måske to linjeskift i en tekst.
Når man designer en side, og gerne vil have tingene til at stå rigtigt, så skal man i stedet benytte margin og padding.
HTML er som sådan kun rammerne til din billeder på reolen, hvor CSS er rammernes farve, billedets farve, billedets placering i rammen, osv.

Man vælger selvfølgelig selv hvordan man gerne vil have det, og hvordan man gerne vil lave det, men det er en god ide fra start af at gå op i de små finesser med hvad der er mest rigtigt, set på det med en browsers 'øjne'.

[scootergrisen]

Tilføj følgende kode lige før <nav>.

<div style="clear: both"></div>

I stedet for at sætte width til 1100px og 800px og hvad du ellers sætte til som kun passer ved bestemte skærmopløsninger så bare lad være med at sætte en bredde eller brug 100% sådan at for eksempel header fylder hele bredden automatisk.