By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,972 Members | 844 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,972 IT Pros & Developers. It's quick & easy.

Text resizing tears layout apart

P: n/a
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,
--
tomasio
Sep 30 '06 #1
Share this Question
Share on Google+
1 Reply


P: n/a
On 2006-09-30, tomasio <da****@jan.netwrote:
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?
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.
Sep 30 '06 #2

This discussion thread is closed

Replies have been disabled for this discussion.