13, May 2008

CSS overflow - webmaster forum

 
Webdigity webmaster forums
This forum shares its ad revenue with its members!
[ Home | Help | Search | Forum's Shop | Archive | Login | Register | Webmaster Directory ]
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design  >  CSS (Moderator: Meth0d)
Topic: CSS overflow
« previous next »
Pages: [1] Print

Author Topic: CSS overflow  (Read 939 times)
Global Moderator
Internet Junkie
*****
Gender: Male
Posts: 1807
9006 credits
Members referred : 6



« on: Dec 02, 2006, 09:25:25 PM »

This IE vs FF is driving me crazy... Finaly my whole site looks the same in both browsers. Theres only one little thing that isn't working the way I want it to work. I have a block of text that will be sized according to the browsers window size (i.e. 100% width) the text displayed inside this block is wider, so I've added the overflow: scroll; property. In FF I can now scroll to the side, but IE doesn't show any scrollbar, it just breaks the text and continues on the next line. To fix this same issue with a vertical scrollbar you can simply add a fixed height to make IE display the scrollbar.


Last blog : Are You Stumbling Yet?
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 7824
39879 credits
Members referred : 3



« Reply #1 on: Dec 02, 2006, 09:28:11 PM »

What about trying fixing that with javascript?

Also you can use properties like min-height or min-width (which don't work great, but some times help)

Trial and Error my two best teachers Cool
Promote your blog for free.... Visit through proxy

Last blog : Keep it Legal - Tims guide to legal notices
Global Moderator
Internet Junkie
*****
Gender: Male
Posts: 1807
9006 credits
Members referred : 6



« Reply #2 on: Dec 02, 2006, 09:31:40 PM »

Even a fixed width doesn't work. IE just wraps the text to the next line and when the total text doesn't fit anymore a vertical scrollbar is added.


Last blog : Are You Stumbling Yet?
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 7824
39879 credits
Members referred : 3



« Reply #3 on: Dec 02, 2006, 09:38:59 PM »

Now I got it.

Haven't found a solution for that either (you can check it in the forums Smiley )

BTW what happens if you don't assign a width to this <div>?

Trial and Error my two best teachers Cool
Promote your blog for free.... Visit through proxy

Last blog : Keep it Legal - Tims guide to legal notices
Global Moderator
Internet Junkie
*****
Gender: Male
Posts: 1807
9006 credits
Members referred : 6



« Reply #4 on: Dec 02, 2006, 09:44:33 PM »

Then it just takes the whole width of the collumn, but in some cases that is not wide enough. Especially when the visitor is running on a low ressolution. I've removed both height and width for you to see. This is how I want it to be.

btw: How did you like my web2.0 style logo  Cool?
« Last Edit: Dec 02, 2006, 09:46:43 PM by Mind_nl »


Last blog : Are You Stumbling Yet?
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 7824
39879 credits
Members referred : 3



« Reply #5 on: Dec 02, 2006, 09:52:13 PM »

I think javascript is the best solution then.

I think we had a post for this somewhere....

The logo looks nice Smiley

BTW when you are storing ips in the database with ip2long() use it this way :

sprintf('%u',ip2long($_SERVER['REMOTE_ADDR']))

otherwise you get 0 results in some cases (as ip2long also returns negatives, and mysql stores only positive values )

Trial and Error my two best teachers Cool
Promote your blog for free.... Visit through proxy

Last blog : Keep it Legal - Tims guide to legal notices
Global Moderator
Internet Junkie
*****
Gender: Male
Posts: 1807
9006 credits
Members referred : 6



« Reply #6 on: Dec 02, 2006, 10:01:42 PM »

Actually the negative numbers are stored just fine, so I guess I'll leave it like it is. I don't want to make the tutorials to complicated...


Last blog : Are You Stumbling Yet?
Global Moderator
Internet Junkie
*****
Gender: Male
Posts: 1807
9006 credits
Members referred : 6



« Reply #7 on: Dec 03, 2006, 02:25:29 PM »

When searching thru Google I find millions of people who want to get rid of the horizontal scrollbar, I seem to be the only one who wants to add it... I have now fixed my problem by using an iFrame.


Last blog : Are You Stumbling Yet?
Trackback URI for this entry : http://www.webdigity.com/trackback.php?topic=5015
Tags : javascript google mysql databases Bookmark this thread : Digg Del.icio.us Dzone more....

Topic sponsors:
Get a permanent link here for $1.99!


Pages: [1] Print 
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design  >  CSS (Moderator: Meth0d)
Topic: CSS overflow
« previous next »
Jump to:
User Area
Welcome, Guest. Please login or register.
Did you miss your activation email?
May 13, 2008, 05:16:00 PM





Login with username, password and session length

Donate to our community, and get a permanent link back to your site!

Donate to our community, and get a permanent link back to your site!


Forum Statistics
Total Posts: 34.931
Total Topics: 7.262
Total Members: 3.482
Tutorials : 56
Resources : 143
Designs : 220
Latest Member: ondho

20 Guests, 3 Users online :

11 users online today:



Readers

Web Design Gallery · Whois Lookup · Pagerank · Tag Browsing · Lo-fi version · Syndication · Webmaster forum history · Advertise
Developed by HumanWorks © 2005 - 2008 Webdigity webmaster community · sublime directory
Webdigity Webmaster Forums | Powered by SMF 1.0.12. © 2001-2005, Lewis Media. All Rights Reserved.