Text resizing tears layout apart

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

tomasio - 30 Sep 2006 09:55 GMT

Dear Experts,

I want to behave the text on my homepage like in this example:
http://tomasio.at/temp/korrekt.gif
The dashed lines on the left and right borders should continue
seamlessly while resizing the text.

Unluckily I always get a horizontal gap when I make text bigger in
Firefox. Internet Explorer even shows the gap at the default (=medium)
text size. Look here for the html page:
http://tomasio.at/temp

and here for the corresponding CSS file:
http://tomasio.at/temp/stylesheet3.css

Can anybody give me a hint what's wrong in my code?Also I would like
to know if my layout aim is not achievable with css and html only.

kind regards,

Signature

tomasio

Reply to this Message

Ben C - 30 Sep 2006 17:53 GMT

> Dear Experts,
>
[quoted text clipped - 12 lines]
>
> Can anybody give me a hint what's wrong in my code?

Your borders are just built into the images, they're not CSS borders at
all! You need something like border: 1px dashed orange around some of
your divs, and to take the dashed lines out of the gif images.

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / September 2006

Text resizing tears layout apart