HELP CSS+div

Am codul:

<style type="text/css">
body {
	background-color: #fff;
}
.extern {
	height: 200px;
	width: 400px;
	border: 1px solid #000000;
	padding: 5px 5px 5px 5px;
	}
.intern {
	height: 100%;
	width: 100%;
	border: 1px solid #000000;
	}	
</style>

<div class="extern"><div class="intern"></div></div>

De fapt sunt 2 div-uri, unul in altul cu borders de 1px. In IE si Opera toate bune si frumoase.
Problema apare in FF cand locul dintre cele 2 borders ( div int si div ext) in dreapta si jos sunt de 3px si nu de 5 px cum vreau eu.

Cum faca sa am loc de 5px intre div-uri peste tot?

borderul mananca si el 2 pixeli. poti scoate paddingul divului "extern" si pe divul "intern" pui :

.intern {
   height: 188px;
   width: 388px;
   border: 1px solid #000000;
   margin:5px;
}

css-ul tau nu o sa se comporte bine cu toate versiunile de IE. ar trebui sa folosesti si asta

10x 4 the help  :coolspeak:

am intampinat o noua poblema  :D

Am codul

Quote

In FF si Opera apare bine in IE imi lasa un spatiu de 1px pe orizontala intre cele doua div-uri.
Cum fac sa scap de acel apatiu?

thx

.content { margin-top:0;} ???  :P

nope
nu merge   :huh:

am pus si eu asa prima data

poti pune html-ul si css-ul complet?

Edited by danburzo, 27 June 2005 - 17:50.

nici asa nu merge
inafara faptului ca a mutat tot in stanga sus spatiul ala tot nu a disparut

Edit: nu prea pot pune tot
cand o sa "termin" site-ul o sa-l postez pentru opinii si vad atunci daca nu reusesc pana atunci

10x for the help

Edited by Takeshy, 27 June 2005 - 17:52.

hmm. mai bine pune fisierele pe forum sa vedem un pic.  :)

Am rezolvat

Dupa ce am scris ceva in div si am pus margin-bottom: 0px; (desi aveam margin: 0px;) si-a revenit  :huh:  Am sters margin-bottom si nu mai am spatiul ala acuma

Ciudat  <_<

Urmatoarea problema e cum pun textul in centrul unui div , pe verticala?
vertical-align: middle;  nu-mi schimba nimic

Da cred ca dupa ce ma voi chinui 10 mii de ani o sa reusesc din greseala  :D

Edited by Takeshy, 29 June 2005 - 10:36.

CSS+div+IE  :death:

Urmatoarea intrebare:

.linie {
	width: 800px;
	height: 1px;
	background-image: url(images/borderdown.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	}	
.scris {
	color: #fff;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	}

<div>
<div class="linie"></div>
<div class="scris"><strong>BLA BLA</strong></div>
<div class="linie"></div>
</div>

Desi in FF si Opera totul e bun si frumos Idiotul Explorer imi lasa intre prima bara orizontala si text un spatiu de vreo 20px (calculati din ochi)

Practic e o linie orizontala de 1px inaltime, dedesupt un text si apoi aceasi linie sub text. Intre prima bara si text ramane acel spatiu si numai in IE, cum scap de el?
Am mai scris si sub a doua linie si tot asa imi lasa un spatiu. Am incercat cu tot felul de margin, pading sapun totul intr-un div cu inaltime predefinita dar IE nu recunoaste nimica

10x 4 the help
WTF  :cursing:

Edited by Takeshy, 06 July 2005 - 20:53.

sincer , nu te chinui ... stau si ma intreb de ce mai facem toate eforturile ca sa
promovam Firefox daca toti isi fac site-urile pentru ie (de parca ie are 3 coaie ,
nu poate fi normal <_<) . fa-le asa cum sunt , sa mearga in firefox , opera ,
safari etc. ... si pune un mesaj pentru cei cu ie . doar asa va invata populatia
ca trebuie schimbat , fiind ceva in neregula cu idiot exploiter . daca vad ca pe
ie merge la fel ca pe firefox , o sa ajunga sa se intrebe :

da de ce sa schimb ? billy rullz !

si nu e bine ... sunt multi prieteni care voiau sa schimbe dar au zis sa le dau 3
motive pentru care ar face asta . le-am zis de standarde si erori si mi-au zis ca
ei nu sunt webdesigneri si ca nu ii intereseaza .

acuma e momentul , pentru prima data in istorie , exista un browser care ii da
peste ceafa ie-ului , avem posibilitatea de a scapa de el ! aratati ca va pasa si
promovati-l !

multumesc foarte frumos :)

@aolex, m-am gandit si eu la chestia asta cand am facut ultimul site (ma rog, template pt mambo).

Problema e ca am cam 60-70% din vizitatori cu IE si nu cred ca o sa isi schimbe majoritatea browserul doar pentru ca nu le merge site-ul meu plictisitor. N-ar fi asta prea mare problema dar ma bazez pe site-ul asta ca sa scot bani (adsense si affiliates), asa ca nu imi permit sa pierd clienti.

later edit: thx pentru imaginea din semnatura ;) !

Edited by preacher, 06 July 2005 - 21:14.

cu placere pentru imagine ...
daca numai tu faci site-ul pentru Firefox , nu e de ajuns . toti trebuie sa incercam sa
facem o imagine rea ie-ului . eu de exemplu lucrez la un product care , cred eu , va
avea priza la public si ghici : firefox/opera/safari etc. ... ONLY (si chiar ca only ca va
fii encriptat cu zend si nu vor putea scoate chestia aia) !

Edited by aolex, 06 July 2005 - 21:21.

Majoritatea (si e o majoritate covarsitoare) folosesc IE
Ce webdesigner sunt eu daca ii spun: stii foloseste FF ca nu stiu cum sa-l fac in IE
Problema e ca multe chestii se bat cap in cap facute de w3c special pentru IE si nu merg Ce naiba fac aia acolo?  :cursing:
O sa ma rezum la tabele pana repara bug-urile dar trebuie sa gandesti si inainte si cand vor fi reparate vei avea o cultura a ceea ce se intampla pe acolo, nu vei pierde timpul atunci sa inveti de la 0

Quote

Te inseli amarnic. Tu faci pentru viitor, cui ii pasa de viitor ce te faci tu acuma. Firmele nu vor site-uri care peste 10 de ani vor fi facute bine vor site-uri acuma. De unde stii ca IE nu va evolua? La momentul de fata e cel mai utilizat si va mai fi o vreme.
Gata cu offtopicul

Nu ar fi o mare problema ca se vede bine, zic ca asa am vrut sa fie  :D , dar cand o sa dea si pe alte browsere si va vedea diferenta se vor pune intrebari ..  :confuzzled:
Si totusi nu gasesc raspunsul la intrebarea mea.
Presimt ca rezolvarea e asa de simpla si osa ma oftic ca mi-am batut capul de nebun  :cursing:


10x

97% din browserele folosite nu mai au probleme cu CSS. Mai ales ca Windows XP vine cu IE6. Nu mai e aceeasi situatie ca acum cativa ani, cand IE 5 era baza.

css nu e singura problema a idiot exploiterului :) . png s-a auzit acolo la voi ?
si nici ie6 nu merge asa cum trebuie !

Hey,

Vezi aici: http://play.cpea.ro/help/css/sp2.html

Asa ceva vrei sa faci? Daca ai explica exact ce doresti...

Cu stima,
       Razvan Pop