Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > DIV headaches

Reply
Thread Tools

DIV headaches

 
 
bill
Guest
Posts: n/a
 
      08-04-2005
Hello,

I'm kind of new to using DIV's as opposed to TABLE's for page layout.

It seems very prolematic. I'm sure it's because I've many mistakes, but
I'm getting frustrated. See http://ace-co.ath.cx/products for example.
Yes I'm using inline frames, sorry. The borders are for debug.

At the moment, I'm just testing with MS Explorer and Firefox. MS
Explorer looks OK, but not Firefox on this page. I can't figure out what
I did wrong. The text in the DIV class=overview is lowered on the
right-side DIV's and bleeds into the DIV on the bottom. The
corresponding sections on the left are OK.


Thanks,

Bill

 
Reply With Quote
 
 
 
 
Blinky the Shark
Guest
Posts: n/a
 
      08-04-2005
bill wrote:

> It seems very prolematic.


Something the proletariat does without even thinking about it?

(NOT a spelling flame; just Fun With English.)

--
Blinky Linux Registered User 297263

Killing All Posts from GG: http://blinkynet.net/comp/uip5.html
End Of The Good GG Archive GUI: http://blinkynet.net/comp/gggui.html
 
Reply With Quote
 
 
 
 
Jedi Fans
Guest
Posts: n/a
 
      08-04-2005
bill wrote:
> Hello,
>
> I'm kind of new to using DIV's as opposed to TABLE's for page layout.
>
> It seems very prolematic. I'm sure it's because I've many mistakes, but
> I'm getting frustrated. See http://ace-co.ath.cx/products for example.
> Yes I'm using inline frames, sorry. The borders are for debug.
>
> At the moment, I'm just testing with MS Explorer and Firefox. MS
> Explorer looks OK, but not Firefox on this page. I can't figure out what
> I did wrong. The text in the DIV class=overview is lowered on the
> right-side DIV's and bleeds into the DIV on the bottom. The
> corresponding sections on the left are OK.


http://jigsaw.w3.org/css-validator/v...h.cx/products/

--
Hope This Helped and MTFBWY...
Kieren aka JediFans - <URL:http://jedifans.com/>
The Force Is With Me, SuSE Linux Professional 9.3, Mozilla Firefox
1.0.6, Mozilla Thunderbird 1.5 Alpha 2 and Revenge Of The Sith!
 
Reply With Quote
 
bill
Guest
Posts: n/a
 
      08-04-2005
Blinky the Shark said the following on 8/4/2005 3:53 PM:
> bill wrote:
>
>
>>It seems very prolematic.

>
>
> Something the proletariat does without even thinking about it?


Yes, considering we proletariat's are discouraged more and more from use
of tables for layout in favor of using div's.

If you sit on the board of a large corporation, please forgive me.

But yes, I did mean to say problematic.

>
> (NOT a spelling flame; just Fun With English.)
>

 
Reply With Quote
 
bill
Guest
Posts: n/a
 
      08-04-2005
Jedi Fans said the following on 8/4/2005 3:59 PM:
> bill wrote:
>
>> Hello,
>>
>> I'm kind of new to using DIV's as opposed to TABLE's for page layout.
>>
>> It seems very prolematic. I'm sure it's because I've many mistakes,
>> but I'm getting frustrated. See http://ace-co.ath.cx/products for
>> example. Yes I'm using inline frames, sorry. The borders are for debug.
>>
>> At the moment, I'm just testing with MS Explorer and Firefox. MS
>> Explorer looks OK, but not Firefox on this page. I can't figure out
>> what I did wrong. The text in the DIV class=overview is lowered on the
>> right-side DIV's and bleeds into the DIV on the bottom. The
>> corresponding sections on the left are OK.

>
>
> http://jigsaw.w3.org/css-validator/v...h.cx/products/
>
>

Ok. Thanks.

I put in my missing semi-colons and added units to my border/margin
specs. Still same problem.
 
Reply With Quote
 
Jedi Fans
Guest
Posts: n/a
 
      08-04-2005
bill wrote:
>> http://jigsaw.w3.org/css-validator/v...h.cx/products/
>>
>>

> Ok. Thanks.
>
> I put in my missing semi-colons and added units to my border/margin
> specs. Still same problem.

get the web developer toolbar for firefox, many many things can be
learnt about a page through it...
<URL:http://chrispederick.com/work/firefox/webdeveloper/>

im not quite sure i get the problem you are talking about btw

--
Hope This Helped and MTFBWY...
Kieren aka JediFans - <URL:http://jedifans.com/>
The Force Is With Me, SuSE Linux Professional 9.3, Mozilla Firefox
1.0.6, Mozilla Thunderbird 1.5 Alpha 2 and Revenge Of The Sith!
 
Reply With Quote
 
Jedi Fans
Guest
Posts: n/a
 
      08-04-2005
Jedi Fans wrote:
> bill wrote:
>>> http://jigsaw.w3.org/css-validator/v...h.cx/products/
>>>
>>>

>> Ok. Thanks.
>>
>> I put in my missing semi-colons and added units to my border/margin
>> specs. Still same problem.

> get the web developer toolbar for firefox, many many things can be
> learnt about a page through it...
> <URL:http://chrispederick.com/work/firefox/webdeveloper/>
>
> im not quite sure i get the problem you are talking about btw

nvm problem solved:
DIV.lclearer {
clear: both;
line-height: 0;
height: 0;
}

DIV.rclearer {
line-height: 3;
height: 3;
}

= not the same


--
Hope This Helped and MTFBWY...
Kieren aka JediFans - <URL:http://jedifans.com/>
The Force Is With Me, SuSE Linux Professional 9.3, Mozilla Firefox
1.0.6, Mozilla Thunderbird 1.5 Alpha 2 and Revenge Of The Sith!
 
Reply With Quote
 
Leonard Blaisdell
Guest
Posts: n/a
 
      08-04-2005
In article <3dtIe.1571$>,
bill <> wrote:

> I'm kind of new to using DIV's as opposed to TABLE's for page layout.


You aren't using one div in <http://ace-co.ath.cx/products/>, and with
the intro, I thought you would be.

> At the moment, I'm just testing with MS Explorer and Firefox. MS
> Explorer looks OK, but not Firefox on this page. I can't figure out what
> I did wrong. The text in the DIV class=overview is lowered on the
> right-side DIV's and bleeds into the DIV on the bottom. The
> corresponding sections on the left are OK.


There's not one div in the source of the page you are referring to. I
will tell you that "Batching System" on "Scorpion Batching", "Dispatch
Software" and "Moisture Control" is in the middle of the lower border
for that section and looks like a strikethrough in Safari.

leo

--
<http://web0.greatbasin.net/~leo/
 
Reply With Quote
 
kchayka
Guest
Posts: n/a
 
      08-04-2005
bill wrote:
>
> I'm getting frustrated. See http://ace-co.ath.cx/products for example.
>
> Explorer looks OK, but not Firefox on this page.


What you are probably seeing is IE's broken default overflow behavior,
compared to FF's conformance to the CSS specs. BTW, the default is
overflow:visible.

When you set the height property, IE treats it as min-height instead,
then expands the element as needed to fit the content. This is incorrect
behavior. FF and other conforming browsers restrict the height to the
specified value and let the content "spill out".

If you change that height property to min-height, then conforming
browsers should do the same as IE does now.

Before you do anything, though, validate your HTML and CSS and fix the
errors. That will eliminate syntax errors as a cause of rendering problems.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
 
Reply With Quote
 
Bill McCormick
Guest
Posts: n/a
 
      08-05-2005
Jedi Fans wrote:
> Jedi Fans wrote:
>
>> bill wrote:
>>
>>>> http://jigsaw.w3.org/css-validator/v...h.cx/products/
>>>>
>>>>
>>> Ok. Thanks.
>>>
>>> I put in my missing semi-colons and added units to my border/margin
>>> specs. Still same problem.

>>
>> get the web developer toolbar for firefox, many many things can be
>> learnt about a page through it...
>> <URL:http://chrispederick.com/work/firefox/webdeveloper/>
>>
>> im not quite sure i get the problem you are talking about btw

>
> nvm problem solved:
> DIV.lclearer {
> clear: both;
> line-height: 0;
> height: 0;
> }
>
> DIV.rclearer {
> line-height: 3;
> height: 3;
> }
>
> = not the same
>
>

At one point they were the same but that was no better. Before that, I
had tried a single DIV.clearer, but it looked like in Firefox, the
clear: both was not only sending the text clear of the float-ing image,
but clear of the DIV to the right as well. So I tried a seperate
DIV.clearer for left and right, and it seemed to get me somewhere
closer, but then I had to leave for the day.

--
Cheers,

bill
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
<div ... /> and <div ...></div> K Viltersten ASP .Net 4 03-31-2009 07:33 PM
NS/FF don't change div offsetWidth when div innerHTML is added toand div becomes wider mscir Javascript 3 06-26-2005 04:04 PM
Q: Div A inside Div B is larger than Div B Dwayne Madsen Javascript 1 06-01-2005 03:02 PM
Impersonation headaches Stephajn Craig ASP .Net 2 12-17-2003 03:24 AM
Oh those Transaction Headaches! Dano ASP .Net 2 11-17-2003 08:49 PM



Advertisments