TestMax.dk Paster
  • Forside
  • Print
  • Bookmark
  • Kontakt
  • SiteMap


infobox infobox
 

[HTML/CSS] Hilfe IE & FF prob...

07-11-2007 20:25:26
 
 
Muligheder (Anmeld)
Skrevet af GiMo
Kliks 537
Kategori HTML Generelt
Hejsa guys!
Jeg er virkelig løbet ind i et problem hvor firefox & ie ikke vil tolke pixels rigtigt. Og denne gang er det firefox der ikke vil gøre det ordentligt :(!
Her er et link: http://simon.simfre.dk/demo/
I firefox har jeg med Webdeveloper toolbar fundet ud af at (ifølge firefox) min midterste div "menu" er ALT for bred - men den er sat til de 197 px som top & bottom også er!
Her er det så jeg tjekker i IE - her ser det squ ud som det skal?! Hvad filan skal jeg gøre..?

Grunden er at jeg har en padding-right som jeg før troede var problemet - så fandt jeg ud af at firefox tolker det som om diven er næsten dobbelt så bred, så jeg slet ikke kunne se at paddingen havde nogen effekt på mit indhold.

Håber der er nogle af jer guys der kan hjælpe mig - har også smidt filerne op i en rar.

//GiMo

Edit: Her er lige et billede af hvordan webdeveleper toolbar viser det i firefox:
http://testmax.dk/External/File/716/div-JPG.aspx
www.simon.simfre.dk
 
infobox infobox

infobox infobox
  Filer som er vedhæftet denne tråd  
 
Fil navn: Fil størrelse
www.rar 18 KB
 
infobox infobox


infobox infobox
 
#1jordz(Anmeld) 08-11-2007 14:30:16
 
 
da padding er inde i boxen skal du regne din padding med i bredden.. mener det er sådan det er!..
så din box width skal være samme som nu - padding i begge sider
Sprog: PHP - HTML - CSS - Javascript - MSL
Hjemeside: [url]http://www.Webcomfort.dk[/url]
 
infobox infobox

infobox infobox
 
#2GiMo(Anmeld) 08-11-2007 14:43:19
 
 
Virker ikke, men Panda har fået det til at virke i firefox - men nu ikke i IE, så nu er det bare omvendt :(!
Det hjalp i firefox ved at ændre menu stylets width måle enhed om til em - altså 9.8 em istedet.
www.simon.simfre.dk
 
infobox infobox

infobox infobox
 
#3jordz(Anmeld) 08-11-2007 14:46:17
 
 
det er ofte padding som IE og FF opfatter forkert da den ene regner med den i width/height og den anden ikke gør.. derfor brug som oftest margin i stedet den er lidt bedre.
Sprog: PHP - HTML - CSS - Javascript - MSL
Hjemeside: [url]http://www.Webcomfort.dk[/url]
 
infobox infobox

infobox infobox
 
#4GiMo(Anmeld) 08-11-2007 14:47:32
 
 
margin?!!! Hvad filan snakker du om? Margin er det rundt om objektet - ikke det fra objektets kant og indtil indholdet?
www.simon.simfre.dk
 
infobox infobox

infobox infobox
 
#5V34(Anmeld) 08-11-2007 15:26:18
 
 
Dette er en mulighed.

HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Klatreklub</title>




<link rel="stylesheet" type="text/css" href="style.css"></head><body>
<div id="top"></div>
<div id="menu">
<div id="tekst">
Hej<br>
Goddag<br>
Hej<br>
med dig din goddag !! det er helt okay at blablaba..<br>
gamle stodder!<br>
</div>
</div>
<div id="bottom"></div>

</body></html>


CSS
#tekst {
padding:10px;
}

#menu {
width: 197px;
padding:0px;
margin: 0px;
background-image: url("mid.jpg");
background-repeat:repeat-y;
}

#top {
width: 197px;
height: 44px;
background-image: url("top.jpg");
}

#bottom {
width: 197px;
height: 31px;
background-image: url("bottom.jpg");
}
V34's signatur billede
 
infobox infobox

infobox infobox
 
#6GiMo(Anmeld) 08-11-2007 16:08:53
 
 
Rigtig mange tak for det V34! Det kan helt sikkert bruges og det lærte mig en ting som jeg sikkert også kan bruge i fremtiden - MEN er der en anden mulighed så jeg ikke behøver den ekstra div, eller er det sådan man "slicer" store designs?
www.simon.simfre.dk
 
infobox infobox

infobox infobox
 
#7jordz(Anmeld) 08-11-2007 17:03:45
 
 
det jeg mente GiMo var du istedet for det V34 gør her så bare sætte margin:0px 10px 0px 10px; og width:177px på #menu det vil give samme effekt.
Sprog: PHP - HTML - CSS - Javascript - MSL
Hjemeside: [url]http://www.Webcomfort.dk[/url]
 
infobox infobox

infobox infobox
 
#8GiMo(Anmeld) 08-11-2007 21:35:35
 
 
#7 - Det gør det altså ikke. Prøv lige at læs en ekstra gang om hvordan margin fungerer.
www.simon.simfre.dk
 
infobox infobox

infobox infobox
 
#9jordz(Anmeld) 09-11-2007 12:56:54
 
 
#8 > har jeg gjort.. og det vil virke!...
Sprog: PHP - HTML - CSS - Javascript - MSL
Hjemeside: [url]http://www.Webcomfort.dk[/url]
 
infobox infobox

infobox infobox
 
#10jordz(Anmeld) 09-11-2007 12:57:30
 
 
det eneste du skulle gøre udover det var at lave background position til noget negativt -10px i hver side..
Sprog: PHP - HTML - CSS - Javascript - MSL
Hjemeside: [url]http://www.Webcomfort.dk[/url]
 
infobox infobox

infobox infobox
 
#11GiMo(Anmeld) 09-11-2007 19:47:13
 
 
#10 - Jeg kan virkelig ikke se hvor det er du vil hen af? Prøv lige at forklare dig lidt bedre med eksempler, så ville det være en del nemmere.

http://simon.simfre.dk/demo3/
www.simon.simfre.dk
 
infobox infobox

infobox infobox
 
#12jordz(Anmeld) 13-11-2007 11:36:16
 
 
#11 > min fejl det jeg mente var at dette vil fungere:


#menu {
       width:197px;
       padding:10px -20px 10px -20px;
       background-image:url("mid.jpg");
       background-repeat:repeat-y;
}


Dog mener jeg stadig: lav en over inddeling som hedder menu dernæst en underendeling #MenuTop, MenuCenter, MenuBottom
og så indele de forskellige derefter eventuelt lave en #MenuContent
det giver mere styr på det og lettere overskueligt senere..
Sprog: PHP - HTML - CSS - Javascript - MSL
Hjemeside: [url]http://www.Webcomfort.dk[/url]
 
infobox infobox

infobox infobox
 
#13V34(Anmeld) 13-11-2007 21:46:27
 
 
Ja personligt, finder jeg min løsning mest logisk. Tror også den er med kompatibel.
V34's signatur billede
 
infobox infobox

infobox infobox
 
#14jordz(Anmeld) 13-11-2007 22:43:40
 
 
os det jeg siger tilsidst :P
Sprog: PHP - HTML - CSS - Javascript - MSL
Hjemeside: [url]http://www.Webcomfort.dk[/url]
 
infobox infobox

Påmindelse ved nyt svar

Ved at tilmelde dig automatisk påmindelse, modtager du en email så snart denne tråd bliver besvaret, dog sender vi kun en mail til dig, også selvom der er kommet flere svar, simpelthen for at spare dig for spam i din indbakke.


infobox infobox
  Svar på tråden  
   
 
 
infobox infobox

infobox infobox
  Læs dette før du sender dit indlæg!  
 
Ved tryk på send knappen accepterer du vores regelsæt som kan læses her
Praktiske informationer
Type Eksempel Resultat
Fed [b]din tekst[/b] din tekst
Kursiv [k]din tekst[/k] din tekst
Understreg [u]din tekst[/u] din tekst
Kode felt [code]din tekst[/code]
din tekst
infobox infobox