ugrás a tartalomhoz

Középre helyezett tartalom csíkokkal IE-ben

VersionX · 2005. Okt. 14. (P), 10.55
Sziasztok!

Ha volt már ilyen téma akkor bocs.
Van egy oldal amit csinálok a grafikai kinézetet css segítségével oldottam meg. Szép és jó lett az oldal, de van 2 dolog ezzel kapcsolatban.
1. Az oldal az IE kivételével minden bögészôben szépen középre rendezi a containert amibe a többi tartalo van. Hogyan tudom megoldani, hogy IE-ben is középen legyen.
Így lett az eddigi megoldva:
  1. html {  
  2.     min-width : 750px;  
  3. }  
  4. body {  
  5.     background-image : url(images/bg_gray.gif);  
  6.     margin : 0;  
  7. }  
  8. #container {  
  9.     font-family : VerdanaArialHelveticasans-serif;  
  10.     position : relative;  
  11.     width : 765px;  
  12.     text-align : left;  
  13.     margin-right : auto;  
  14.     margin-left : auto;  
  15.     margin-top : 0;  
  16.     margin-bottom : 0;  
  17.     font-size : 16px;  
  18.     color : #ce0000;  
  19.     height : 1500px;  
  20.     background-color : #ffffff;  
  21. }  
2. Mint látjátok az oldalnak van egy magassága (ideiglenes megoldás), de szeretném úgy megoldani, hogy tartalomtól függôen változzon a magassága, de ennek 2 akadálya van. Az egyik hogy két oldalra terveztem függôleges vonalakat ami a lap aljáig futnak és ha nem mérettel adom meg akkor csak a képernyé méretig mennek, illetve vagy egy footer rész ami foglal x pixet alulról és nem szertném, ha a szöveg és a footer egymásra csúsznának.
  1. #leftline {  
  2.     font-family : VerdanaArialHelveticasans-serif;  
  3.     position : absolute;  
  4.     width : 33px;  
  5.     text-align : left;  
  6.     margin-right : auto;  
  7.     margin-left : auto;  
  8.     margin-top : 0;  
  9.     margin-bottom : 0;  
  10.     font-size : 16px;  
  11.     background-image : url(images/leftline.gif);  
  12.     background-repeat : repeat-y;  
  13.     height : 100%;  
  14.     left : 0;  
  15.     top : 0;  
  16. }  
a csíkot most így adtam meg.

Van valakinek ötlete???
Elôre is köszi
 
1

Position Is Everything

zsepi · 2005. Okt. 14. (P), 11.09
http://www.positioniseverything.net valószínűleg megadja a választ a kérdésedre, s aztán ezeket a stílusokat feltételes kommentben megadható az IE számára
2

középre igazítás

Jano · 2005. Okt. 14. (P), 11.31
Középre igazítás vizszintesen CSS-sel.

A függöleges vonalakat háttérrel teljesen jó megoldás berakni.
3

kozepre igazitas + csikok(csikos hatter)

noocx · 2005. Okt. 15. (Szo), 16.30
Hejho!

A kozepre igazitas ugye megoldodott Jano linkje altal(IE-nel text-align: center a body-ra). A csikokat meg pl ugy lehetne megoldani, ha jol ertelmeztem
amit szeretnel csinalni, hogy berakod egy kontenerbe hatterkepnek es abba teszel egy keskenyebb div-et ami maga az oldal/tartalom lesz.

</noocx>
4

Re: kozepre igazitas + csikok(csikos hatter)

VersionX · 2005. Okt. 17. (H), 09.40
Gyors hirtelenjében megnéztem. Logikusnak tűnik a dolog. Akkor gyos belekaptam, de az nem jött be, de sajna időm még nem volt türelmessen átrágni a dolgot.

A csíkokkal kapcsolatban, meg kb úgy szeretném.
Itt meg lehet sasni a dolgot: www.digit-poster.hu

Ebben szeretném megoldani, hogy ne kelljen fix magasságot addni.

Ma viszont megvizslatom újra a dolgokat, ha valamire jutottam akkor azért megosztom.
Köszi!
5

még az oldalsó csíkok...

VersionX · 2005. Okt. 17. (H), 17.03
Elsőként köszi a középrerendezés kérdésében adott infókat. Sokat segített. Most már jó. Az oldalsó csíkokkal még melózók. Abba jöhet infó ha van.

Köszi