Bug 21676

Summary:

float:left causing misalignment

Product:

WebKit

Reporter:

Anantha Keesara <anantha>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

macpherson, robert

Priority:

Version:

528+ (Nightly build)

Hardware:

OS:

Windows XP

URL:

data:text/html,<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><HTML><BODY><DIV style="width:360px;"><DIV style="float:left; width:160px; height:100px; border:1px solid green;"></DIV></DIV><DIV style="HEIGHT: 30px; width:360px; border:1px solid blue;">table that is misaligned</DIV></BODY></HTML>

Attachments:

Description	Flags
reduction.zip	none

Anantha Keesara

Reported 2008-10-16 14:56:25 PDT

I Steps: Go to http://eat.gd.sina.com.cn/news/2006-06-21/2583136.html Scroll down to see the content misalgnment on right side of page II Issue: in right column, text is going out of column III Conclusion: issue is caused by the float:left of the <div> where the images are (in testcase, the <div> with green border) IV Other Browsers: IE7: ok FF3: not ok V Nightly tested: 37382

Attachments
reduction.zip (471 bytes, application/octet-stream) 2008-10-16 14:59 PDT, Anantha Keesara	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Anantha Keesara

Comment 1 2008-10-16 14:59:41 PDT

Created attachment 24429 [details] reduction.zip

Luke Macpherson

Comment 2 2012-03-14 20:55:14 PDT

This bug is ~3 years old now. Is it still reproducible?

Robert Hogan

Comment 3 2012-10-02 11:11:59 PDT

The rendering you expect here looks like an IE quirk. In strict mode, WebKit, FF, Opera and IE all agree - see the updated url, or: http://roberthogan.net/css/bug21676.html So this bug is invalid - the behaviour in strict mode is the same for all browsers.

Note You need to log in before you can comment on or make changes to this bug.