CSS bāzes izkārtojumi - vienas kolonnas izkārtojumi - 1. daļa - HTML

I'm making a site with two columns. Either of the columns can be larger than the other and they have different backgrounds. My problem in trying to do it with CSS with the clearfix trick, is that colors are right when the color of the underlying wrapper has the color of the shorter column, but when it has the color of the larger column, the design changes visually. Maybe I'm doing it wrong.

I've achieved what I want, but with tables. I've asked a friend that makes websites and he told me that tables shouldn't be used for design and that tables are for cavemen. The funny thing is that he couldn't achieve what I want either.

Well, this is basically my HTML code:

Column 1 content
Column 2 content

This is my CSS:

.column1 { float: left; width: 200px; background-color:red; } .column2 { float: left; width: 390px; height: 1%; background-color:blue; } 

  • I recommend you to read the tutorials here: css.maxdesign.com.au/floatutorial You will get some more background information.

It's a basic question... there are may posts about this out there and many solutions.

Here are a few of them: http://www.ejeliot.com/blog/61

The easiest (not exactly recommended) is to use jQuery.

<script> $('. float_container').equalHeights(); </script>  ?> var13 -> 
  • Patiešām? Izmantot neoptimizētu js ietvaru tikai divu kolonnu izkārtojumam?
  • Paldies, saite ir patiešām noderīga! Es zināju, ka tas ir pamatjautājums, bet es esmu iesācējs, kā arī es nezinu, kāpēc šajos gadījumos cilvēkiem ir tik daudz problēmu ar tabulām
  • Zenklys: Ko tieši tu domā?
  • user502549: tabulas tiek izmantotas tabulas saturam, nevis vietņu izkārtojumiem. Uzziniet CSS, dariet lietas pareizi.

Dodieties uz pamata css ieviešanu. Būs daudz labāk uzturēšanai.

Tabulas ir paredzētas tabulas datiem, nevis izkārtojumam. Palieciet pie sava <?php DIVs un CSS izkārtojumam.

Varat vienkārši izmantot krāsaino fonu (abās kolonnās) float_container (mākslīgās kolonnas) vietā .column1 un .column2. Pēc tam tas "izskatīsies" tā, it kā abas kolonnas būtu vienādā augstumā - augstākās kolonnas augstumā. Pieņemot, ka abām kolonnām ir noteikts platums.

Krāsains fons float_container būtu attēls (varbūt pat tikai 1 pikseļu augsts), kas atkārtojas vertikāli un satur katras kolonnas krāsu.

strādāja par jums: Charles Robertson | Vēlies ar mums sazināties?