[CSS] Layout

Yao · 10-11-2005

Hi,
it's been a while since I did anything with webdesign, photoshop and all the stuff that belongs there so I have a problem after 5 minutes of working

i would like to create a webpage with 3 boxes next to each other.
the left and the right are both 100px and the middle one should scale with the browser, but i just can't fix it

.
well, the 3 boxes are standing next to each other but the middle one hasn't got the width that it should have.

I've got an example on line: http://qubicz.rebyc.nl/designhulp/
and the CSS file: http://qubicz.rebyc.nl/designhulp/style.css

i hope you can make something of it.

Greetings, YaO.

scrowler · 10-12-2005

looks a little complimicated. try something like this:

Code:

<div id="left">blah</div>
<div id="middle">foobar</div>
<div id="right">ahhh...</div>

Code:

#left, #middle, #right {
  float: left;
}

#left, #right {
  width: 120px;
}

#middle {
  width: auto;
}

j3ll3 · 12-20-2005

Making more then 2 colums in CSS is tricky, but it can be done in different ways:

http://bluerobot.com/web/layouts/layout3.html
http://glish.com/css/7.asp
http://www.positioniseverything.net/...l.stretch.html
http://realworldstyle.com/nn4_3col_header.html
http://www.saila.com/usage/layouts/saila_layout.html

Good luck

alamuszi · 01-09-2006

hi!

so my question is: is it possible, that i can embed custom fonts into my website with css?

thx

malboroman · 01-09-2006

Take a look here.

It's a 'short' exlanation about embedding fonts in internet explorer. And I'm sure it'll work in Firefox and other browser too...

robin746 · 05-02-2006

Columns are not easy to get right in all browsers. This is a major deficiency of CSS and especially of browser's implementation of CSS, especially, cough, cough, Explorer, cough, cough.

You need to invest a good amount of time into understanding this. The good news is, you only need to invest this once.

There is an enormous list of methods at incutio.com. I hope you will find this an invaluable resource.

Alex McKee · 05-19-2006

Quote:

Originally Posted by alamuszi

hi!

so my question is: is it possible, that i can embed custom fonts into my website with css?

thx

No. You may use the proprietry WEFT technology to provide Internet Explorer users with custom typography. The best way to go is to use image replacement. For now.

sIFR is one way you can use truetype fonts and Macromedia Flash to acheive very effective image replacement.

Take a look: http://www.mikeindustries.com/sifr/

Cheers,

Alex