CSS Layout με αριστερή στήλη με φόντο & ύψος όσο η κεντρική;

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

CSS Layout με αριστερή στήλη με φόντο & ύψος όσο η κεντρική;

Δημοσίευση από dimsis » 10 Φεβ 2006 13:04

Ξεκινάει από τέρμα πάνω το κείμενο της μεσαίας στήλης μέχρι να μικρύνεις το μέγεθος του παραθύρου κάτω από 450 - 500 pixels. Εκεί κατεβάζει και το κείμενο της μεσαίας στήλης πιο κάτω.
Έχεις βρει τίποτε να παίζει σωστά όπως σε Gecko engine browsers και στον IE;

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

CSS Layout με αριστερή στήλη με φόντο & ύψος όσο η κεντρική;

Δημοσίευση από cherouvim » 10 Φεβ 2006 13:23

Afto symvainei logo tis fysis ton floated elements. Kalo einai pou symvainei afto genika, apla den mas aresei se afti ti periptosi (diladi sti hrisi pou kaname me ta floats gia na dimiourgisoume layout selidas).

An paikseis me min-width den symbainei afto alla ehoume tin katastasi me ton IE pou thelei psaksimo gia na eksomioseis ti leitourgia afti.

An paikseis me absolute position sta divs sou den tha symvei pote afto alla tote tha exeis terastia provlimata gia na kaneis ton browser na katalabei pou pragmatika telionei to content olis tis selidas gia na topothetiseis to footer sou sosta. To absolute positioned element vgainei ekso apo tin fysiki roi ton HTML elements opote den sinistatai gia afti ti periptosi.

San teliki lysi protino to layout pou idi ehoume kai an thes na psakseis to zitima tou min-width alla kai pali pistevo oti den einai sovaro. O hristis den tha valei -shedon pote- ton browser tou se tetio size kai skepsou oti exeis idi kalypsei toulahiston 30% mikrotero size apo to 800x600.

Outosiallos akoma kai na to valei sta 500px width o hristis tou min-width site, den tha eihe efharisti empiria afou tha prepei na controlarei 2 scrollbars gia na diavasei to periehomeno.

Oso gia to sholio gia ton IE, ta pragmata einai poly halia. Alla einai outopiko na perimenoume na allaksei olos o kosmos se allous browsers i na vgei kai na edreothei o IE9 pou mporei na einai fully compatible.
Afto pou mporoume na kanoume einai na ftiahnoume oso to dynaton pio sympagi kai apodekto kodika etsi oste na prosferoume ston pelati kai ton hristi ta megista, kathara apo sevasmo pros aftous, emas kai to www.

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

CSS Layout με αριστερή στήλη με φόντο & ύψος όσο η κεντρική;

Δημοσίευση από dimsis » 10 Φεβ 2006 13:48

OK thanx, μένω με την υλοποίηση σου στο http://temp.cherouvim.com/forums/floatutorial-rip/ που φαίνεται να με καλύπτει σε αυτή τη φάση.
Μακάρι να ακολουθούσαν τα standards όλοι οι browsers όπως λες, γιατί αν είναι να καταλήξουμε και πάλι να γράφουμε ελέγχους αναγνώρισης του εκάστοτε browser και διαφορετικό κώδικα για τον καθένα, δεν βλέπω προκοπή...

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

CSS Layout με αριστερή στήλη με φόντο & ύψος όσο η κεντρική;

Δημοσίευση από cherouvim » 10 Φεβ 2006 14:12

Protino na min kaneis pote content negotiation (kodikas anagnorisis browser) gia na servireis analogo content i CSS. Pera apo to kopo tis sintirisis pollon ekdoseon HTML/CSS, einai megalo mperdema kai paizoun browsers (px opera) pou stelnoun shedon idio user agent string me tou IE sto server. Eiha asholithei gia kana 3mino me to thema alla ola afta kanoun heiroteri ti katastasi kai kateliksa se sosto HTML kai me CSS to opoio anapofefkta tha periexei kapia CSS hacks.
Episis to na servireis diaforetiko content analoga ton browser pou anihnefses (meso tou user agent string) einai epikindino giati mporei o hristis na exei allaksei to user agent string tou (meso plugin sto firefox, i me tin default leitourgia tou ston opera) kai akoma pio epikindino se shesi me mihanes opos to google pou den tous aresoun tetia pragmata.

example user agent: Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6

Άβαταρ μέλους
3dotsgr
Δημοσιεύσεις: 106
Εγγραφή: 20 Ιαν 2005 19:12
Τοποθεσία: Κομοτηνή
Επικοινωνία:

CSS Layout με αριστερή στήλη με φόντο & ύψος όσο η κεντρική;

Δημοσίευση από 3dotsgr » 10 Φεβ 2006 14:22

http://www.3dots.gr/experiment/for_dims ... footer.htm

βέβαια από μια ανάλυση και κάτω χαλάει όπως είπατε και πιο πάνω, αναπόφευκτο λόγω των floats που δεν θα χωράνε στο width της σελίδας.
Σε 800x600 πάντως μια χαρά είναι. :)
You take the blue pill and the story ends. You wake in your bed and believe whatever you want to believe. You take the red pill and you stay in Wonderland and I show you how deep the rabbit-hole goes. Remember.. all I am offering is the truth, nothing more.

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

CSS Layout με αριστερή στήλη με φόντο & ύψος όσο η κεντρική;

Δημοσίευση από dimsis » 10 Φεβ 2006 14:43

Thanx cherouvim και 3dotsgr επίσης πολύ καλό. Το έσωσα και αυτό, θα πρότεινα να τα βάλετε και εδώ στο forum σε ένα thread που έχει για CSS templates γιατί σίγουρα θα ψάχνουν και άλλοι για παρόμοια layouts.

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες