PDA

View Full Version : [CSS] Mozilla Curvy Layout



boxxertrumps
01-28-2007, 10:29 PM
1) CODE TITLE: Mozilla Curvy Layout

2) AUTHOR NAME/NOTES:
Ryan "Boxxertrumps" Trumpa

3) DESCRIPTION:
It Looks Good... There Are Comments In The CSS File Pointing To The Different Colors You Can Change. The Curved Part is Mozilla only.

Spacers and items have equal height in IE, and ands of item divs are cut off.
And Its Not Curvy in IE.

4) ATTACHED BELOW

EDIT:
Demo Here, My Server Isn't Always up Though. (http://boxxer.mooo.com/)

File fixed, HTML File Was only The Layout Code, Not the Entire Thing...

Browser Quirks:
Mozzilla Firefox, K-Melon - None
Opera - Not Round
IE6/7 - Not Round, Part of Menu Cut Off, Spacer Too Large, Min-width not supported, Improperly Floats with content in left column,

http://i119.photobucket.com/albums/o141/boxxertrumps/layoutdiffbrowsers.jpg

ddadmin
01-29-2007, 10:36 AM
I actually only see some plain text on the page. Browser used was IE7 and Firefox 1.5...

djr33
01-31-2007, 01:00 AM
Interesting. Works here FF1.5. In IE6, it looks very strange indeed.

shachi
01-31-2007, 05:13 PM
What I see is ...

http://img62.imageshack.us/img62/7022/screenshotup0.png

boxxertrumps
01-31-2007, 08:43 PM
Thats What it's Supposed to Look like, New Menu format And Junk.

Ive been looking for A Way to Fix The Cutoff in IE, And have the spacer height At 7px like its supposed to.

the menu is fine for pics and junk, the height is fluid and the width can be changed easily.

EDIT:
Added A div With A Fixed width And auto margins
looks better when full screen

Opera looks okay, Not Rounded, But not Retarded Either. spacings fine.

does Anyone have Konquerer?

djr33
01-31-2007, 09:47 PM
Twey has it... I assume he'll check at some point.


Tested with Safari. Doesn't look bad at all. No curves, though. Nothing like how bad it was in IE (though you may have updated a bit since then). But probably is just IE being silly.

shachi
02-01-2007, 01:23 PM
Boxxertrumps: Oops, sorry. I was just confused with the layout and thought there may be something wrong. Sorry again. :(

EDIT: But look at the bright side of it, users don't have to download it and then rename it and then check it in their browsers(as there already is a screenshot).

boxxertrumps
02-01-2007, 11:50 PM
Recolors.. Heres the Alternate ones im using for my Site.

http://i119.photobucket.com/albums/o141/boxxertrumps/colors.jpg

"#77aaaa" , "#000055" , "#aaaaaff" - Blue
"#55aa55" , "#005500" , "#aaffaa" - Green
"#bb7777" , "#550000" , "#ffaaaa" - Valentines Day...