CODEWITHSUNDEEP
htmlcsspadding
Michael
Michael

Reputation: 133

How to fix mystery padding gap between html elements?

I have a paragraph element followed by an unordered list (the ul comes from the Simple Image Gallery extension for Joomla), and there is a vertical gap of about 200px between the two that I cannot explain at all! The gap appears in Chrome, Firefox and Safari.

Even using the DOM viewer in firebug or Chrome's developer tools, there is absolutely no padding or margin values in the CSS being applied that should cause this gap - it's a real mystery!

I have already put * {margin:0, padding:0} in place with no luck. I get the feeling it has something to do with the webkit-padding values being added by the browser or something.

Any help would be greatly appreciated, thanks!

Upvotes: 1

Views: 1331

Answers (2)

hellangle
hellangle

Reputation: 425

You can fix it by add css rule to your stylesheet

#wrapper {
    float: right;
}

Upvotes: 0

meder omuraliev
meder omuraliev

Reputation: 186562

You probably want clear:none; on #main ul.sig-container

clear:both makes it appear vertically on a new line after the floats above it.

Upvotes: 3

Related Questions