473,320 Members | 1,965 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

DIV overflow and borders are screwy

I'm stumped. Would one of you take a look at the following site and
help me with two problems:

1. When zooming in, <div id="banner"> is the *only* block that doesn't
"expand" to fit the text & image.

2. Viewed in Firefox, Netscape and Opera, the borders for each menu
selection don't go all the way across (you'll see what I mean, I hope),
though it looks OK to me in IE 6.

The page to test is at http://wayfarer.brinkster.net/wcts/index.htm, CSS
is at http://wayfarer.brinkster.net/wcts/wcts.css. Only this page and
the CSS have been validated.

TIA

Neill

--
Wayfarer
Journeys: http://wayfarer.brinkster.net/contact.asp
Jul 21 '05 #1
2 4826
On Mon, 25 Oct 2004 23:19:14 -0400, Wayfarer <we*****@bottom.com> wrote:
I'm stumped. Would one of you take a look at the following site and
help me with two problems:

1. When zooming in, <div id="banner"> is the *only* block that doesn't
"expand" to fit the text & image.
In IE view - largest won't affect images. Page is fine here.

Try zooming in Opera, it's a mess.
2. Viewed in Firefox, Netscape and Opera, the borders for each menu
selection don't go all the way across (you'll see what I mean, I hope),
though it looks OK to me in IE 6.


Simplify a test case and post a URL. This is too complex to sort out.
Jul 21 '05 #2
Wayfarer wrote;
I'm stumped. Would one of you take a look at the following site and
help me with two problems:

1. When zooming in, <div id="banner"> is the *only* block that doesn't
"expand" to fit the text & image.
Most likely, you have some floated content there. Floats are taken out of
the flow. Float only the dove and give your box min-height so that dove
fits.
2. Viewed in Firefox, Netscape and Opera, the borders for each menu
selection don't go all the way across (you'll see what I mean, I hope),
You have some mistake somewhere, unsurprisingly. Replace 155px with 165px
where you should. Also notice, that it is BAD idea to use px when
measuring text.
though it looks OK to me in IE 6.
That is irrelevant.
The page to test is at http://wayfarer.brinkster.net/wcts/index.htm, CSS
is at http://wayfarer.brinkster.net/wcts/wcts.css. Only this page and
the CSS have been validated.


body {
font-weight: normal;
margin: 3px 3px 3px 3px;
}

First is not necessary, second shortenable

a:link {
color: #A51BAE;
}

Define background color with your color

p.sm {
font-size: 80%;
font-style: italic;
}

This paragraph should be readable. 80% + italic makes it unreadable for
most people.

#footer {
font-size: 65%;
}

If something is not meaned to be read, it is not worth putting in stie

#menu {
left: 0px;
position: relative;
padding: 0;
margin: 0;
font-size: 80%;
background: #ffffcc none;
}

These are either unnecessary or harmful.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Jul 21 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Mark | last post by:
Could someone please give me a hand? I have created a navigation bar for a Web site I assist with. Everything works fine if I use the files while offline, i.e., the files that I created are...
2
by: Hostile17 | last post by:
I've been trying to figure out a good way to make a CSS layout with nice-looking 1-pixel borders around the table cells. The only broadly compatible way to do this I know of is to have * the...
15
by: Andrew Fedoniouk | last post by:
I have a simple test document which produce the following in Mozilla and Opera: http://terrainformatica.com/w3/p2/problem1.png Internet Explorer behaves as per recommendation (I guess) Did I...
2
by: Haines Brown | last post by:
This may seem a pointless question, but I'm trying work around an inconsistency between browsers. I have a template that contains a division that holds a text that sometimes exists and sometimes...
1
by: Glen Vermeylen | last post by:
Hi, For a project at school we have to automate the assignment of seats in classrooms to students during the exams. The lady who previously did everything manually kept the layouts of the...
9
by: Michael Redbourn | last post by:
Hi, I just switched from FP to DW and am very very happy ! So whilst I'm mastering Dreamweaver (gonna be a while yet :-) - I thought that I'd try and find out how to add borders for browers...
1
by: semifor | last post by:
I've been using a simple technique that works adequately, for me, to restrict a web page to the viewport. A typical page will have a header, a table wrapped in a <divwith "overflow: auto", and...
8
by: jhaydon | last post by:
I need a script where my textbox can have a transparent background and no borders around it. Every script I try the box has borders even when I say no borders. I need to also be able to have...
2
by: nicstel | last post by:
Hello, I'm trying to find documentation about the xlwt (py_excelerator). I want to change the border of some cells. But the only types that I found is: double and dashed. How to do a simple line...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.